 #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: 10px 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; outline: none; } #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; outline: none; } #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: 10px; position: relative; } #c1-lightbox.nopadding #c1-lightbox-images { padding: 0; } #c1-lightbox .c1-lightbox-iframe #c1-lightbox-content { padding: 0; } #c1-lightbox.padding #c1-lightbox-images { padding: 10px; } #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; outline: none; } #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; outline: none; } #c1-lightbox-image-next:hover { right: -25px; } #c1-lightbox-images.c1-lightbox-content #c1-lightbox-image-prev { left: -30px; width: 30px; } #c1-lightbox-images.c1-lightbox-content #c1-lightbox-image-prev:hover { background-image: url(lightbox/button-prev-tab-hover.png); } #c1-lightbox-images.c1-lightbox-content #c1-lightbox-image-next { right: -30px; width: 30px; } #c1-lightbox-images.c1-lightbox-content #c1-lightbox-image-next:hover { background-image: url(lightbox/button-next-tab-hover.png); } #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;  -webkit-overflow-scrolling: touch; }  #c1-lightbox-caption { line-height: 16px; font-size: 12px; padding: 10px 10px 0 10px; height: 48px; overflow: hidden; background: transparent url(lightbox/gradient-top.gif) repeat-x scroll left top; } #c1-lightbox-download { float: right; display: block; height: 100%; 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; }  #c1-lightbox.rounded { border-radius: 10px; } #c1-lightbox.rounded-top { border-radius: 10px 10px 0 0; } #c1-lightbox.rounded-bottom { border-radius: 0 0 10px 10px; }  #c1-lightbox.dark a { color: #3333ff; } #c1-lightbox.dark a:hover { color: #cc3333; } #c1-lightbox.dark #c1-lightbox-loading { background-image: url(lightbox/loading-black.gif); } #c1-lightbox.dark, #c1-lightbox.dark #c1-lightbox-image div { background-color: #000000; } #c1-lightbox.dark #c1-lightbox-thumbs { background: transparent; position: absolute; left: 0; top: 0; z-index: 1; padding: 0; } #c1-lightbox.dark #c1-lightbox-thumbs-scroll { margin: 0; transition: margin-top 1s; } #c1-lightbox.dark.hover-middle #c1-lightbox-thumbs-scroll, #c1-lightbox.dark.hover-bottom #c1-lightbox-thumbs-scroll { margin-top: -25%; } #c1-lightbox.dark #c1-lightbox-thumbs.hidden #c1-lightbox-thumbs-scroll { margin-top: -25%; } #c1-lightbox.dark #c1-lightbox-thumbs li { padding: 10px 0; background: transparent url(lightbox/black40.png) repeat scroll left top; } .rgba #c1-lightbox.dark #c1-lightbox-thumbs li { background-image: none; background-color: rgba(0, 0, 0, 0.4); } #c1-lightbox.dark #c1-lightbox-thumbs li:first-child { border-radius: 0 0 0 10px; padding-left: 5px; } #c1-lightbox.dark #c1-lightbox-thumbs li:last-child { border-radius: 0 0 10px 0; padding-right: 5px; } #c1-lightbox.dark #c1-lightbox-thumbs-prev, #c1-lightbox.dark #c1-lightbox-thumbs-next { display: none !important; } #c1-lightbox.dark #c1-lightbox-thumbs-icon { position: absolute; top: 0; right: 30px; background: transparent url(lightbox/thumbs.png) no-repeat scroll center center; width: 50px; height: 25px; z-index: 2; transition: background-position 1s; cursor: pointer; } #c1-lightbox.dark #c1-lightbox-images { padding: 0; } #c1-lightbox.dark #c1-lightbox-caption { position: absolute; left: 50%; margin-left: -30%; width: 60%; bottom: 0; background: transparent url(lightbox/white80.png) repeat scroll left top; height: auto; border-radius: 10px 10px 0 0; padding: 0; color: #333333; } .rgba #c1-lightbox.dark #c1-lightbox-caption { background-image: none; background-color: rgba(255, 255, 255, 0.8); } #c1-lightbox.dark #c1-lightbox-caption span { display: block; padding: 5px; } #c1-lightbox.dark #c1-lightbox-caption.count span { padding-left: 45px; } #c1-lightbox.dark #c1-lightbox-caption.download span { padding-right: 80px; } #c1-lightbox.dark #c1-lightbox-download { position: absolute; right: 5px; top: 5px; padding: 0; text-transform: lowercase; font-weight: normal; } #c1-lightbox.dark #c1-lightbox-count { position: absolute; left: 5px; top: 5px; font-weight: bold; } #c1-lightbox.dark #c1-lightbox-close a { top: 0; right: 0; background-position: right -30px; } #c1-lightbox.dark #c1-lightbox-image-next { width: 50px; right: 0; background: transparent url(lightbox/button-next-circle.png) no-repeat scroll center center; opacity: 0.9; } #c1-lightbox.dark #c1-lightbox-image-prev { width: 50px; left: 0; background: transparent url(lightbox/button-prev-circle.png) no-repeat scroll center center; opacity: 0.8; } #c1-lightbox.dark #c1-lightbox-image-next:hover, #c1-lightbox.dark #c1-lightbox-image-prev:hover { opacity: 1.0; } @media screen and (max-width: 500px) { #c1-lightbox.dark #c1-lightbox-caption { width: 90%; margin-left: -45%; } } @media screen and (max-height: 500px) { #c1-lightbox.dark #c1-lightbox-thumbs, #c1-lightbox.dark #c1-lightbox-thumbs-icon { display: none !important; } }  #c1-lightbox.light, #c1-lightbox.light #c1-lightbox-image div { background-color: #ffffff; } #c1-lightbox.light #c1-lightbox-loading { background-image: url(lightbox/loading.gif); }  #c1-lightbox.overflow-visible #c1-lightbox-content { overflow: visible; }