@keyframes loadRotate{
    from{
        transform:rotate(0);
        transform-origin:50% 50%
    }
    to{
        transform:rotate(360deg)
    }
}

.js-lightBox{
    cursor:pointer;
    opacity:.8
}
.js-lightBox:hover{
    opacity:1
}
.lightBox-popupMask{
    width:100%;
    top:0;
    display:none;
    position:fixed;
    z-index:9999;
    height:100%;
    background:rgba(0,0,0,.5);
	
}
.lightBox-popup{
    display:none;
    position:fixed;
    z-index:10000;
    height:50%;
    background:#fff;
    top:0;
    left:50%;
    margin-left:-500px;
    border-radius:10px;
    border:5px solid #fff;
    overflow:hidden;
    background-size:10%;
	z-index: 99999999;
}
.lightBox-popup .loading{
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(../images/icon/loading.svg);
    width:100%;
    background-size:10%;
    position:absolute;
    z-index:-1;
    animation:loadRotate 1.5s;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
.lightBox-view img{
    display:block;
    display:none;
    border:0;
    margin:0!important
}
.lightBox-view .lightBox-btn{
    position:absolute;
    top:0;
    display:block;
    width:35%;
    text-align:center;
    cursor:pointer;
    opacity:.2;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(../images/icon/opacity.png)
}
.lightBox-view .lightBox-btn:hover{
    opacity:1
}
.lightBox-view .lightBox-prev-btn{
    left:0
}
.lightBox-view .lightBox-prev-btn.active{
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(../images/icon/prev.png)
}
.lightBox-view .lightBox-next-btn{
    right:0
}
.lightBox-view .lightBox-next-btn.active{
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(../images/icon/next.png)
}
.lightBox-view .lightBox-description{
    position:absolute;
    bottom:0;
    right:0;
    left:0;
    padding:15px;
    display:none;
    color:#fff;
    background-color:#000;
    background:rgba(0,0,0,.8)
}
.lightBox-view .lightBox-description .lightBox-current-index{
    margin-top:5px;
    display:block
}
.lightBox-view .lightBox-description .lightBox-close{
    float:right;
    display:block;
    width:35px;
    height:35px;
    cursor:pointer;
    background-repeat:no-repeat;
    background-image:url(../images/icon/close.png)
}