.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}
body.lb-disable-scrolling{overflow:hidden}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}
.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}
.lb-outerContainer:after{content:"";display:table;clear:both}
.lb-loader{top:43%;height:25%;width:100%}

/* ✔ loading.gif → SVG spinner */
.lb-cancel{
    display:block;
    width:32px;height:32px;
    margin:0 auto;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 50 50'><circle cx='25' cy='25' r='20' stroke='white' stroke-width='4' fill='none' stroke-linecap='round' stroke-dasharray='31.4 31.4'><animateTransform attributeName='transform' type='rotate' dur='0.8s' repeatCount='indefinite' from='0 25 25' to='360 25 25'/></circle></svg>") no-repeat center;
}

.lb-nav{position:absolute;top:0;left: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}

/* ✔ prev.png → SVG arrow */
.lb-nav a.lb-prev{
    width:34%;left:0;float:left;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' stroke='white' fill='none' stroke-width='2'><polyline points='15 18 9 12 15 6'/></svg>") left 48% no-repeat;
    filter:alpha(Opacity=0);opacity:0;
    -webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s;
}
.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}

/* ✔ next.png → SVG arrow */
.lb-nav a.lb-next{
    width:64%;right:0;float:right;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' stroke='white' fill='none' stroke-width='2'><polyline points='9 6 15 12 9 18'/></svg>") right 48% no-repeat;
    filter:alpha(Opacity=0);opacity:0;
    -webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s;
}
.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}

.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-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:700;line-height:1em}
.lb-data .lb-caption a{color:#4ae}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}

/* ✔ close.png → SVG close icon */
.lb-data .lb-close{
    display:block;float:right;width:30px;height:30px;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' stroke='white' fill='none' stroke-width='2'><line x1='18' y1='6' x2='6' y2='18'/><line x1='6' y1='6' x2='18' y2='18'/></svg>") top right no-repeat;
    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;
}
.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}