body.lb-disable-scrolling{
overflow:hidden;
}

.lightboxOverlay{
position:fixed;
z-index:10000;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.45);
-webkit-backdrop-filter:blur(10px);
display:none;
}

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

.lightbox .lb-image{
position:absolute;
left:0;
top:0;
display:block;
}

.lightbox a img{
border:none;
}

.lb-outerContainer{
position:relative;
width:250px;
height:250px;
margin:0 auto;
}

.lb-container-bg{
position:absolute;
top:0;
left:0;
float:left;
width:100%;
height:100%;
background:#FFF;
border-radius:.5rem;
border:#FFF 2px solid;
overflow:hidden;
}

.lb-container{
position:absolute;
top:0rem;
left:0rem;
display:block;
width:100%;
height:100%;
margin:0;
}

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

.lb-cancel{
display:block;
width:2rem;
height:2rem;
margin:0 auto;
background:url('/asset/img/loading.gif') no-repeat top left;
}

.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;
opacity:.2;
transition:opacity 0.6s;
}

.lb-nav a.lb-prev:before{
display:inline-block;
position:absolute;
top:0;
left:.5rem;
content:'';
width:3em;
height:100%;
}

.lb-nav a.lb-prev:before{
background:url('/asset/img/lightbox/arrow.svg') no-repeat center left;
transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
}

.lb-nav a.lb-prev:hover{
opacity:.4;
}

.lb-nav a.lb-next{
width:64%;
right:0;
float:right;
opacity:.2;
transition:opacity 0.6s;
}

.lb-nav a.lb-next:before{
display:inline-block;
position:absolute;
top:0;
right:.5rem;
content:'';
width:3em;
height:100%;
}

.lb-nav a.lb-next:before{
background:url('/asset/img/lightbox/arrow.svg') no-repeat center right;
}

.lb-nav a.lb-next:hover{
opacity:.4;
}

.lb-dataContainer{
position:absolute;
left:0;
bottom:0;
margin:0 auto;
width:100%;
height:auto;
}

.lb-data{
padding:.5rem 0 0 .5rem;
color:var(--light-font-color);
}

.lb-data .lb-details{
width:100%;
float:left;
text-align:left;
}

.lb-data .lb-caption {
font-size:var(--m-font-size);
font-weight:bold;
line-height:1em;
}

.lb-data .lb-caption a{
color:var(--asset-font-color);
}

.lb-data .lb-number{
display:block;
clear:left;
padding-bottom:1em;
font-size:var(--s-font-size);
color:var(--dark-font-color);
}

.lb-closeContainer{
position:absolute;
top:.15rem;
right:.15rem;
display:block;
width:2rem;
height:2rem;
z-index:20;
}

.lb-closeContainer .lb-close{
display:block;
float:right;
width:2rem;
height:2rem;
background:url('/asset/img/btn/close/icon/off.svg') no-repeat top left;
}

.lb-closeContainer .lb-close:hover{
cursor:pointer;
background:url('/asset/img/btn/close/icon/on.svg') no-repeat top left;
}