#intro {
	width:100%;
	overflow:hidden;
}
#intro div {
	float:left;
}
.introShow {
	width:330px;
	height:360px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 9px;
}
.introShow .mainShow {
	width:330px;
	height:300px;
}
.mainShow img{
	width:320px;
	height:283px;
}
.introShow .scroll {
	margin-top:3px;
	width:340px;
	height:66px;
	overflow:hidden;
}
.scroll img{
	width:58px;
	height:53px;
}
.scroll a span {
	display:none;
}
.scroll a:hover {
	text-decoration:none;
}
.scroll .prevView, .scroll .nextView, .scroll .prevView.prevStop, .scroll .nextStop {
	float:left;
	margin-top:25px;  /*ͷֱλ*/
	width:7px;
	height:12px;
	background:url(../images/bgimg.gif) no-repeat -132px -17px;
}
.scroll .prevView {
	background-position:-139px -17px;
}
.scroll .prevStop, #main .scroll .prevView.prevStop:hover {
	background-position:-132px -17px;
	cursor:default;
}
#main .scroll .nextView.nextStop:hover {
	cursor:default;
}
.scroll .nextView, .scroll .nextStop {
	float:right;
	background-position:-160px -17px;
}
.scroll .prevView:hover {
	background-position:-146px -17px;
}
.scroll .nextView:hover {
	background-position:-167px -17px;
}
.scroll .nextStop, .scroll .nextStop:hover {
	background-position:-153px -17px;
}
.scroll ul {
	float:left;
	width:310px;
	height:66px;
	overflow:hidden;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 7px;
}
.scroll li {
	float:left;
	margin-bottom:2px;
}
.scroll li a {
	display:block;
	margin-right:5px;
	border:1px solid #ededed;
	padding:1px;
}
.scroll ul li a:hover {
	border:1px solid #f60;
}