/* 本例子css */.scrollBox {
	width: 740px;
	/*background: url(../images/scrollBg.png);*/
	padding: 10px;	
	position: relative;
}
.scrollBox .piclist {
	overflow: hidden;
	zoom: 1;
}
.scrollBox .ohbox {
	margin-left:0px;
	overflow: hidden;
	position: relative;
	width:618px;
	left: 60px
}

.scrollBox {
	position: relative;
	overflow: hidden;
	zoom: 1;
}
.scrollBox .piclist li {
	float: left;
	display: inline;
	width: 135px;
	margin-right: 10px;
	padding: 5px;
}
.scrollBox .piclist li img { width:130px; height:100px;}
.scrollBox .piclist li p {
	height: 25px;
	line-height: 25px;
	text-align: center;
	width:135px;
}
.scrollBox .pageBtn span {
	
	display: block;
	width: 48px;
	height: 46px;
	position: absolute;
	top: 52px;
	cursor: pointer;
	text-indent: -999em;
	overflow: hidden;
}
.scrollBox .pageBtn .prev {
	left: 20px;
	background: url(../images/prevBtnTop.png) no-repeat;
}
.scrollBox .pageBtn .next {
	right: 30px;
	background: url(../images/nextBtnTop.png) no-repeat;
}
.scrollBox .pageBtn .prev:hover,.scrollBox .pageBtn .next:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.scrollBox .pageBtn .list {
	overflow: hidden;
	zoom: 1;
	z-index:999;
	margin-top:-10px;
	margin-left:151px;
}
.scrollBox .pageBtn .list li {
	background: url(../images/bntBg.png);
	float: left;
	display: inline;
	width: 15px;
	height: 15px;
	background-position: -86px -57px;
	cursor: pointer;
	margin-left: 10px;
	line-height: 10000px;
	overflow: hidden;
}
.scrollBox .pageBtn .list li.on {
	background-position: -114px -57px
}