/*焦点图*/

.mod18 {
    margin: 20px auto;
    position: relative;
}

.mod18 .btn {
    position: absolute;
    width: 15px;
    height: 70px;
    top: 160px;
    cursor: pointer;
    z-index: 99;
    font-size: 50px;
    font-weight: bold;
}

.mod18 .prev {
    left: 0;
    background: url(../images/prevBtn.png) no-repeat;
}

.mod18 #prevTop {
    background: url(../images/prevBtnTop.png) 0 0 no-repeat;
}

.mod18 #nextTop {
    background: url(../images/nextBtnTop.png) 0 0 no-repeat;
}

.mod18 .next {
    right: 0;
    background: url(../images/nextBtn.png) no-repeat;
}

.mod18 li {
    float: left;
}

.mod18 .cf li {
    position: relative;
    color: #fff;
}

.mod18 .cf a {
    display: block;
    width: 680px;
    height: 330px;
    position: absolute;
    color: #fff;
}

.mod18 .cf li span {
    display: block;
    width: 640px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 20px;
    line-height: 22px;
    text-align: left;
    background: rgba(0, 0, 0, 0.6);
    filter: progid: DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr="#60000000", endColorstr="#60000000");
}

.mod18 .picBox {
    height: 330px;
    position: relative;
    overflow: hidden;
}

.mod18 .picBox ul {
    height: 330px;
    position: absolute;
}

.mod18 .picBox li {
    width: 680px;
    height: 330px;
}

.mod18 .listBox {
    width: 902px;
    height: 224px;
    margin: 0 auto;
    position: relative;
    padding: 6px 0 10px;
    overflow: hidden;
}

.mod18 .listBox ul {
    height: 224px;
    position: absolute;
}

.mod18 .listBox li {
    width: 308px;
    height: 224px;
    cursor: pointer;
    position: relative;
}

.mod18 .listBox li i {
    display: none;
}

.mod18 .listBox  img{
	width: 284px;
	height: 187px;
	border:1px solid #bfbfbf;
}
.mod18 .listBox .on img, 
.mod18 .listBox li:hover img {
    width:282px;
    height:185px;
    border: 2px solid #ff6600;
}
.mod18 .listBox .on i {
    display: block;
}
.mod18 .listBox .on p,
.mod18 .listBox li:hover p{
	color:#333;
}
.mod18 .listBox li p{
	text-align: center;
	font-size: 16px;
	line-height:40px;
	color:#bfbfbf;
	margin-left:-24px; 
}