#intro {
	width:100%;
	overflow:hidden;
	height: 500px;
}
#intro div {
	float:left;
}
.introShow {
	width:500px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 9px;
}
.introShow .mainShow {
	width:212px;
	height:238px;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	left: 100px;
	position: relative;
}
.mainShow img{
	width:212px;
	height:241px;
}
.introShow .scroll {
	margin-top:3px;
	width:700px;
	height:50px;
	overflow:visible;
	float: left;
}
.scroll img{
	width:34px;
	height:25px;
}
.scroll a span {
	display:none;
}
.scroll a:hover {
	text-decoration:none;
}
.scroll .prevView, .scroll .nextView, .scroll .prevView.prevStop, .scroll .nextStop {
	float:left;
	margin-top:10px;
	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:0px 0px;
}
.scroll .nextView:hover {
}
.scroll .nextStop, .scroll .nextStop:hover {
	background-position:-153px -17px;
}
.scroll ul {
	float:left;
	width:670px;
	height:80px;
	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;
	padding:1px;
	height: 100px;
	width: 108px;
	left: 10px;
	position: relative;
	margin-left: 10px;
}