/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */


#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('fancybox.png'); }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; padding-top: 29px; background: #ffffff; }
#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }

#fancybox-close { position: absolute; top: 0; right: 0; display: none; width: 39px; height: 39px; cursor: pointer; z-index: 1103; }
#fancybox-close:before { position: absolute; top: 8px; left: 18px; display: block; width: 3px; height: 23px; background-color: #000000; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#fancybox-close:after { position: absolute; top: 8px; left: 18px; display: block; width: 3px; height: 23px; background-color: #000000; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }
#fancybox-frame { display: block; width: 100%; height: 100%; border: none; }

#fancybox-left,
#fancybox-right { position: absolute; bottom: 0; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: -40px; }
#fancybox-right { right: -40px; }
#fancybox-left-ico,
#fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 65px; height: 60px; margin-top: -30px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left:before,
#fancybox-right:before { position: absolute; top: 50%; display: block; width: 15px; height: 15px; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#fancybox-left:before { left: 10px; display: block; border-top: solid 3px #ffffff; border-left: solid 3px #ffffff; }
#fancybox-right:before { right: 10px; display: block; border-right: solid 3px #ffffff; border-bottom: solid 3px #ffffff; }
#fancybox-left:hover span { left: 10px; }
#fancybox-right:hover span { left: auto; right: 10px; }

.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); }
#fancybox-bg-ne { top: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -162px; }
#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('fancybox-y.png'); background-position: -20px 0px; }
#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -182px;  }
#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); background-position: 0px -20px; }
#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -142px; }
#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('fancybox-y.png'); }
#fancybox-bg-nw { top: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -122px; }

#fancybox-title { z-index: 1102; }
#fancybox-title p { font-weight: 700; }
.fancybox-title-inside { padding: 0 25px 10px; text-align: left; color: #333333; background: #ffffff; position: relative; }
.fancybox-title-outside { font-size: 1.3rem; line-height: 2rem; color: #ffffff; padding-top: 10px; padding-left: 0!important; padding-right: 0!important; width: 100%!important;}
.fancybox-title-over { position: absolute; left: 0; bottom: 0; font-size: 1.4rem; line-height: 2.2rem; color: #ffffff; }
#fancybox-title-over { display: block; background-color: rgba(0,0,0,0.8); padding: 5px 10px; }
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px; background: url('fancybox.png') -40px -90px no-repeat; }
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('fancybox-x.png') 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px; background: url('fancybox.png') -55px -90px no-repeat; }


@media screen and (max-width: 640px) {
	body.cgProduct #fancybox-wrap { margin-top: -20%!important; }
}