@charset "utf-8";
/* 代码整理：懒人之家 */

* {
	margin:0;
	padding:0;
	list-style-type:none;
}

/* zoombox */
.zoombox {
	width:686px; float:left
}

.zoombox  img{max-width:100%;}
.zoombox  img.full{display:block;width:100%;}
.zoompic {
	width:684px;
	height:456px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
.sliderbox {
	height:76px;
	overflow:hidden;
	margin:6px 0 0 0;
}
.sliderbox .arrow-btn {
	width:38px;
	height:76px;
	background:url(../images/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:-38px 0;
}
.sliderbox #btn-right.dasabled {
	background-position:-38px -76px;
}
.sliderbox .slider {
	float:left;
	height:76px;
	width:605px;
	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:121px;
	height:76px;
	text-align:center;
}
.sliderbox .slider li img {
	border:solid 1px #dfdfdf;
}
.sliderbox .slider li.current img {
	border:solid 1px #3366cc;
}

@media all and (max-width:640px){


.zoombox {
	width:100%; float:left
}

.zoombox  img{max-width:100%;}
.zoombox  img.full{display:block;width:100%;}
.zoompic {
	width:100%;
	height:auto ;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
.sliderbox {
	height:30px;
	overflow:hidden;
	margin:6px 0 0 0;
}
.sliderbox .arrow-btn {
	width:20px;
	height:30px;
	background:url(../images/arrow-btn.png) no-repeat;
	cursor:pointer;
}
.sliderbox #btn-left {
	float:left;
	background-position:0px  0px;
}
.sliderbox #btn-left.dasabled {
	background-position:-10px  -23px;
}
.sliderbox #btn-right {
	float:right;
	background-position:-45px   -23px;
}
.sliderbox #btn-right.dasabled {
	background-position:-10px 0px;
}
.sliderbox .slider {
	float:left;
	height:30px;
	width:100px;
	position:relative;
	overflow:hidden;
	margin:0 0 0 3px;
	display:inline;
}
.sliderbox .slider ul {
	position:absolute;
	left:0;
	width:90%;
}
.sliderbox .slider li {
	float:left;
	width:50px;
	height:30px;
	text-align:center;
}
.sliderbox .slider li img {
	border:solid 1px #dfdfdf;
}
.sliderbox .slider li.current img {
	border:solid 1px #3366cc;
}

}