.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:var(--dark-hex);
    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: 0.25rem;
    border: 0.25rem solid var(--dark-hex);
}

.lightbox a img{
    border:none
}

.lb-outerContainer{
    position:relative;
    width:250px;
    height:250px;
    margin:0 auto;
    border-radius: 0.25rem;
    background-color: var(--light-hex);
}

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

}.lb-loader{
    top:43%;
    height:25%;
    width:100%
}

.lb-cancel{
    display:block;
    width:32px
    ;height:32px;
    margin:0 auto;
    background:url(../images/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:0;
    background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

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

.lb-nav a.lb-prev{
    width:34%;left:0;float:left;background:url(../images/prev.png) left 38% no-repeat;margin: 5%;
    margin-top: -1%;
    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=20);
    opacity:0.2
}

.lb-nav a.lb-next{
    width:34%;
    right:0;
    float:right;
    background:url(../images/next.png) right 38% no-repeat;margin: 5%;
    margin-top: -1%;
    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=20);
    opacity:0.2
}

.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: 1dvw;
    background: rgba(33, 39, 46, 0.8);
    -webkit-mask-box-image: -webkit-gradient(linear,
            left top, left bottom,
            color-stop(0%,rgba(0,0,0,0.8)),
            color-stop(8%,rgba(0,0,0,0.4)),
            color-stop(100%,rgba(0,0,0,0.8)));
}

.lb-data .lb-details{
    width:85%;
    margin: auto;
    text-align: center;
    line-height: 1.1em;
    padding-top: 12px;
    color: var(--light-hex);
}

.lb-data .lb-caption{
    font-size:100%;
    font-weight:700;
    line-height:1em
}

.lb-data .lb-caption a{
    color: var(--light-hex);
}

.lb-data .lb-number{
    display:block;
    clear:left;
    font-size:80%;
    color: var(--origin-hex);
}

.lb-data .lb-close{
    display:block;
    float:right;
    width:30px;
    height:30px;
    background:url(../images/close.png) top right no-repeat;
    text-align:right;
    outline:0;
    filter:alpha(Opacity=70);
    opacity:.7;
    -webkit-transition:opacity 0.25s;
    -moz-transition:opacity 0.25s;
    -o-transition:opacity 0.25s;
    transition:opacity 0.25s
}

.lb-data .lb-close:hover{
    cursor:pointer;
    filter:alpha(Opacity=100);
    opacity:1
}