#c1-lightbox-overlay { height: 500px; left: 0pt; position: absolute; top: 0pt; width: 100%; z-index: 900; } #c1-lightbox { left: 0pt; position: absolute; text-align: center; top: 0pt; z-index: 1000; background-color: #ffffff; cursor: default; } #c1-lightbox a { outline-style: none; } #c1-lightbox-close { position: relative; z-index: 1001; } #c1-lightbox-close a { position: absolute; right: -10px; top: -10px; width: 30px; height: 30px; background: transparent url(lightbox/close.png) no-repeat scroll right top; } #c1-lightbox.noclose #c1-lightbox-close { display: none; } #c1-lightbox object, #c1-lightbox embed, #c1-lightbox img, #c1-lightbox iframe { display: block; }   #c1-lightbox-thumbs { float: left; position: relative; padding: 20px 0; background: transparent url(lightbox/gradient-bottom.gif) repeat-x scroll left bottom; overflow: hidden; } #c1-lightbox.init #c1-lightbox-thumbs { width: 100%; } #c1-lightbox-thumbs-prev { position: absolute; top: 0; left: 0; width: 30px; height: 100%; background: transparent url(lightbox/button-prev.gif) no-repeat scroll center center; } #c1-lightbox-thumbs-prev:hover { background-position: left center; } #c1-lightbox-thumbs-next { position: absolute; top: 0; right: 0; width: 30px; height: 100%; background: transparent url(lightbox/button-next.gif) no-repeat scroll center center; } #c1-lightbox-thumbs-next:hover { background-position: right center; } #c1-lightbox-thumbs-scroll { overflow: hidden; position: relative; margin: 0 30px; } #c1-lightbox-thumbs-position { position: relative; left: 0; } #c1-lightbox-thumbs ul { float: left; left: 50%; position: relative; margin: 0; padding: 0; list-style: none; } #c1-lightbox-thumbs li { float: left; position: relative; right: 50%; margin: 0; padding: 0; list-style: none; } #c1-lightbox-thumbs-scroll a { display: block; text-decoration: none; background-repeat: no-repeat; background-position: center center; border: 2px solid transparent; margin: 0 5px; } #c1-lightbox-thumbs-scroll li.active a, #c1-lightbox-thumbs-scroll a:hover { border-color: #ffcc00; }   #c1-lightbox-images { clear: both; padding: 20px; position: relative; } #c1-lightbox.nopadding #c1-lightbox-images { padding: 0; } #c1-lightbox-image-prev { position: absolute; left: -20px; top: 0; width: 50%; height: 100%; background-color: blue; background: transparent url(lightbox/button-prev-tab.png) no-repeat scroll left center; } #c1-lightbox-image-prev:hover { left: -25px; } #c1-lightbox-image-next { position: absolute; right: -20px; top: 0; width: 50%; height: 100%; background: transparent url(lightbox/button-next-tab.png) no-repeat scroll right center; } #c1-lightbox-image-next:hover { right: -25px; } #c1-lightbox-images.c1-lightbox-content #c1-lightbox-image-prev, #c1-lightbox-images.c1-lightbox-content #c1-lightbox-image-next { width: 40px; } #c1-lightbox-image { height: 100%; position: relative; } #c1-lightbox-image div { position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-color: #ffffff; background-repeat: no-repeat; background-position: center center; } #c1-lightbox-loading { background: #ffffff url(lightbox/loading.gif) no-repeat scroll center center; } #c1-lightbox-content { height: 100%; position: relative; text-align: left; overflow: auto; }   #c1-lightbox-caption { line-height: 16px; font-size: 12px; padding: 10px 20px 0 20px; height: 52px; background: transparent url(lightbox/gradient-top.gif) repeat-x scroll left top; } #c1-lightbox-download { float: right; display: block; height: 40px; font-weight: bold; text-decoration: none; padding: 0 10px; color: #3280d2; } #c1-lightbox-download:hover { color: #fc7e0f; }   #c1-lightbox-content iframe { width: 100%; height: 100%; border-style: none; background-color: #ffffff; }   #c1-lightbox.transparent #c1-lightbox-caption, #c1-lightbox.transparent #c1-lightbox, #c1-lightbox.transparent #c1-lightbox-thumbs { background-image: none; } #c1-lightbox.transparent, #c1-lightbox.transparent #c1-lightbox-loading { background-color: transparent; }   @media screen and (max-height: 500px) { #c1-lightbox-thumbs { display: none; } #c1-lightbox-images { padding: 0; } #c1-lightbox-caption { position: absolute; left: 0; right: 0; bottom: 0; height: auto; padding: 10px; background: transparent url(lightbox/white80.png) repeat scroll left top; } #c1-lightbox-download { height: auto; } }