@keyframes loadRotate {
from {
transform:rotate(0);
transform-origin:50% 50%
}
to {
	transform: rotate(360deg)
}
}
* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Arial, "Microsoft YaHei", sans-serif
}
img {
	border-radius: 5px;
	margin: 5px
}
.js-lightBox {
	cursor: pointer;
	opacity: .9
}
.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: 45%;
	margin-left: -500px;
	border-radius: 10px;
	border: 5px solid #fff;
	overflow: hidden;
	background-size: 10%;
	width:600px !important;
	height:inherit !important;
	max-width:90% !important;
}
.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;
	width:100% !important;
	height:inherit !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: 5px;
	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)
}