.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%
}
.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: 20%;
	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)
}
