.lb-loader,.lightbox{text-align:center;line-height:0}
body:after{content:url(../img/icon/close.webp) url(../img/icon/loading.gif) url(../img/icon/prev.webp) url(../img/icon/next.webp);display:none}
.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}
body.lb-disable-scrolling{overflow:hidden}
.lightboxOverlay{position:fixed;top:0;left:0;z-index:99999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none;width:100%!important;height:100%!important}
.lightbox{position:fixed;width:100%;z-index:99999;font-weight:400;top:0!important;left:0!important;height:calc(100vh - 120px);margin:60px 0}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}
.lb-loader,.lb-nav{position:absolute;left:0}
.lb-outerContainer:after{display:table}
.lb-container{padding:4px}
.lb-loader{top:43%;height:25%;width:100%}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../img/icon/loading.gif) no-repeat;cursor: pointer;}
.lb-nav{top:0;height:100%;width:100%;z-index:10}
.lb-container>.nav{left:0}
.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}
.lb-nav .lb-prev{width:40%;left:0;float:left;background-image:url(../img/icon/prev.webp);background-repeat:no-repeat;background-position:left;background-size:45px;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav .lb-prev:hover{filter:alpha(Opacity=100);opacity:1}
.lb-nav .lb-next{width:40%;right:0;float:right;background-image:url(../img/icon/next.webp);background-repeat:no-repeat;background-position:right;background-size:45px;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav .lb-next:hover{filter:alpha(Opacity=100);opacity:1}
.lb-dataContainer{margin:0 auto;padding-top:5px;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{display:table}
.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:700;line-height:1em}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}
.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../img/icon/close.webp) top right no-repeat;background-size:cover;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;cursor:pointer;}
.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

@media screen and (max-width: 991px) {
    .lb-data .lb-details{width:100%}
.lb-nav .lb-prev, .lb-nav .lb-next {
    background-size: 30px;
    opacity:1;
}
}