@import 'common.css';
#banner img {
	width: 100%;
}

*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{line-height:180%;font-size:12px;}
.demoh2{font-size:14px;margin:20px;color:#ff6600;}
.preview{width:320px;float: left;margin-right: 10px;}
.smallImg{position:relative;width:277px; padding:5px 20px; height:72px; overflow:hidden;float:left;}
.scrollbutton{height:45px; width:10px; overflow:hidden; position:absolute; top:9px; cursor:pointer;background:url(../images/zoom.gif) no-repeat;}
.scrollbutton.smallImgUp{background-position:-22px 0; left:0px;}
.scrollbutton.smallImgDown{background-position:-33px 0px; right:0px;}
.scrollbutton.smallImgUp.disabled{background-position:0px 0 ;}
.scrollbutton.smallImgDown.disabled{background-position: -11px 0;}
#imageMenu {width:360px;overflow:hidden;width: 280px;}
#imageMenu ul {width: 420px;}
#imageMenu li {height:82px; width:70px; overflow:hidden;float: left;}
#imageMenu li img{padding:1px;border:1px solid #E8E8E8; width:60px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img{border:1px solid #990000;}
/* bigImg */
.bigImg{position:relative;width:315px;height:218px;border:1px solid #E4E4E4;overflow:hidden;}
.bigImg #midimg{width:315px;height:218px;}
.bigImg #winSelector{width:80px;height:80px;}
#winSelector{position:absolute;cursor:crosshair;filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background-color:#000;border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid black;overflow: hidden;width:260px;height:295px;top:300px;left:540px;z-index:999;}
#bigView img{position:absolute;}

#attr {
	float: left;
	width: 340px;
	padding-top: 10px;
}
#attr div {
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
}
#attr div.odd {
	background-color: #f2f2f2;
}
#detial h2 {
	border-bottom: solid 1px #CCC;
}
#detial h2 strong {
	display: block;
	width: 90px;
	height: 30px;
	line-height: 30px;
	background-color: #333;
	border: solid 1px #CCC;
	border-bottom: none;
	color: #FFF;
	text-align: center;
	font-size: 14px;
}
#detial .detialBody {
	padding: 10px 0;
}
#detial .detialBody p {
	margin: 10px 0;
}