/* jssor slider loading skin spin css */
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
from {
	transform: rotate(0deg);
}

to {
	transform: rotate(360deg);
}
}

.jssorb051 .i {
	position: absolute;
	cursor: pointer;
}
.jssorb051 .i .b {
	fill: #fff;
	fill-opacity: 0.5;
}
.jssorb051 .i:hover .b {
	fill-opacity: .7;
}
.jssorb051 .iav .b {
	fill-opacity: 1;
}
.jssorb051 .i.idn {
	opacity: .3;
}

.jssora051 {
	display: block;
	position: absolute;
	cursor: pointer;
}
.jssora051 .a {
	fill: none;
	stroke: #fff;
	stroke-width: 360;
	stroke-miterlimit: 10;
}
.jssora051:hover {
	opacity: .8;
}
.jssora051.jssora051dn {
	opacity: .5;
}
.jssora051.jssora051ds {
	opacity: .3;
	pointer-events: none;
}
.div1 {
	position:relative;margin:0 auto;top:0px;left:0px;width:980px;height:380px;overflow:hidden;visibility:hidden;
}
.div2 {
	position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);
}
.div3 {
	cursor:default;position:relative;top:0px;left:0px;width:980px;height:380px;overflow:hidden;
}
.div4 {
	position:absolute;bottom:12px;right:12px;
}
.div5 {
	width:16px;height:16px;
}
.img1 {
	margin-top:-19px;position:relative;top:50%;width:38px;height:38px;
}