/* Preload images */
body:after {
    content: url(../images/lightbox/close.png) url(../images/lightbox/loading.gif) url(../images/lightbox/prev.png) url(../images/lightbox/next.png);
    display: none;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.lightbox a img {
    border: none;
}

.lb-outerContainer {
    position: relative;
    background-color: white;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-container {
    padding: 4px;
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/lightbox/loading.gif) no-repeat;
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lb-container > .nav {
    left: 0;
}

.lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../images/lightbox/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../images/lightbox/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-data {
    padding: 0 4px;
    color: #ccc;
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999;
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../images/lightbox/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}#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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(.,/images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/lightbox/loading.gif); }  #c1-lightbox.overflow-visible #c1-lightbox-content { overflow: visible; }