@charset "utf-8";
/* CSS Document */


.mod18Box {
	margin: 0px auto;
	width: 690px;
}
.mod18 {
	width: 690px;
	height: 500px;
	position: relative;
}
.mod18 .btn {
	position: absolute;
	width: 44px;
	height: 75px;
	top: 336px;
	cursor: pointer;
	z-index: 99;
}
.mod18 .prev {
	left: 15px;
	background: url(../images/prevBtn.png) no-repeat;
}
.mod18 #prevTop, .mod18 #nextTop {
	top: 164px;
	width:59px;
	height: 103px;
}
.mod18 #prevTop {
	background: url(../images/prevBtnTop1.png) 0 0 no-repeat;
}
.mod18 #nextTop {
	background: url(../images/nextBtnTop1.png) 0 0 no-repeat;
}
.mod18 .next {
	right: 15px;
	background: url(../images/nextBtn.png) no-repeat;
}
.mod18 li {
	float: left;
}
.mod18 .cf li {
	position: relative;
	color: #fff;
}
.mod18 .cf a {
	display: block;
	width: 690px;
	height: 415px;
	position: absolute;
	color: #fff;
}
.mod18 .cf li span {
	display: block;
	width: 690px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.mod18 .picBox {
	height: 415px;
	position: relative;
	overflow: hidden;
}
.mod18 .picBox ul {
	height: 415px;
	width: 690px;
	position: absolute;
}
.mod18 .picBox li {
	width: 690px;
	height: 415px;
	text-align: center;
}
.mod18 .picBox li img {
	margin-top: 2px;
}
.mod18 .listBox {
	height: 68px;
	margin: 8px auto 0;
	position: relative;
	overflow: hidden;
}
.mod18 .listBox ul {
	height: 68px;
	position: absolute;
}
.mod18 .listBox li {
	width: 112px;
	height: 68px;
	cursor: pointer;
	position: relative;
	float: left;
	padding: 0 2px;
}
.mod18 .listBox li i {
	display: none;
}
.mod18 .listBox li img {
	width: 108px;
	height: 64px;
	border: 2px solid #a6a6a6;
}
.mod18 .listBox .on img {
	width: 108px;
	height: 64px;
	border: 2px solid #ff6600;
}
.mod18 .listBox .on i {
	display: block;
}
#prev {
	display: none;
}
#next {
	display: none;
}