@charset "utf-8";

* {
	margin:0;
	padding:0;
	list-style-type:none;
}
a, img {
	border:0;
}
body {
	/*font:12px/180% Arial, Helvetica, sans-serif, "宋体";*/
}
/* zoombox */
.zoombox {
	margin-top: 1.4rem;
	/*margin-left: -3.8%;*/
	height: 6.2rem;
}
.zoompic {
	border:solid 1px #dfdfdf;
	/*width:864px;
	height:486px;*/
	/*background:url(/Resource/img/arrow-btn.png) no-repeat 20% 20%;*/

}
.sliderbox {
	height: 76px;
	overflow: hidden;
	margin: 6px 0 0 0;
	border: 1px solid #f4f4f4;
	position: absolute;
}
	.sliderbox .arrow-btn {
		width: 38px;
		height: 76px;
		background: url(/Resource/img/arrow-btn.png) no-repeat;
		cursor: pointer;
	}
.sliderbox #btn-left {
	float:left;
	background-position:0 0;
}
.sliderbox #btn-left.dasabled {
	background-position:0 -76px;
}
	.sliderbox #btn-right {
		float: right;
		background-position: -0.88rem 0;
	}
.sliderbox #btn-right.dasabled {
	background-position:-38px -76px;
}
.sliderbox .slider {
	float:left;
	height:76px;
	/*width:751px;
	position:relative;*/
	overflow:hidden;
	margin:0 0 0 3px;
	display:inline;
}
.sliderbox .slider ul {
	position:absolute;
	left:0;
	width:999em;
}
	.sliderbox .slider li {
		float: left;
		width: 2.45rem;
		height: 1.8375rem;
		text-align: center;
	}
		.sliderbox .slider li a {
			display: inline-block;
			width: 100%;
			height: 100%;
		}
		.sliderbox .slider li img {
			border: solid 1px #dfdfdf;
			width: 100%;
			height: 100%;
		}
.sliderbox .slider li.current img {
	border:solid 1px #3366cc;
}

	.sliderbox div {
	float:left;
	}
/*
		.sliderbox div:nth-child(1) {
		width:  0.8rem;
		}*/
/*.img-group {
	position: relative;
	display: inline-block;
}

.img-top {
	position: absolute;
	top: 15px;
	left: 15px;
	background: #333;
	color: #fff;
	opacity: 0.6;
	display: block;
}*/

.zoombox .sliderbox {
	position: absolute;
	width: 100%;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
	.zoompic {
		height: 5.2rem;
	}

	.zoompic img {
		/*position: absolute;*/
		width: 100%;
		height: 4.9rem;
	}
	.sliderbox .slider {
		position: absolute;
		width: 83%;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.zoompic {
		height: 260px
	}
	.zoompic img {
		position: absolute;
		width: 100%;
		height: 260px;
	}
	.sliderbox .slider {
		position: absolute;
		width: 82%;
	}
}

.video_ico_play {
	background: url("/Resource/img/play_circle_icon.png") no-repeat;
	background-size: 1rem 1rem;
	position: absolute;
	top: 24%;
	left: 3%;
	width: 1rem;
	height: 1rem;
}