@charset "utf-8";
/*basic CSS*/
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
body>div{margin:0 auto}
div {text-align:left}

a img {border:0}
body { color: #333; text-align: center; font: 12px "宋体"; }
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#535353;text-decoration:none}
a:hover { color: #D40000; text-decoration: none}
.button {display: inline-block;zoom: 1; *display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding:0.25em 0.6em 0.3em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
/*basic style*/


/* 效果CSS开始 */
.main{ width:677px; margin:0 auto;}
.mod18{width:677px;position:relative;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url(../img/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:490px;width:10px;height:16px;}
.mod18 #prevTop{background:url(../img/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../img/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url(../img/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:530px;height:380px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:510px;position:absolute;left:75px;bottom:0;padding:10px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000"); font-size:16px;}
.mod18 .picBox{ width:526px; height:394px; padding-left:75px; padding-right:76px;position:relative;overflow:hidden; /*background:#0D0D0D;*/ padding-top:40px;}
.mod18 .picBox ul{height:377px;position:absolute; left:0;}
.mod18 .picBox li{padding-left:75px; padding-right:1px; width:530px;height:380px;}
.mod18 .picBox li img{width:530px;height:380px;}

.mod18 .listBox{width:642px;height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:88px;position:absolute; padding-left:12px;}
.mod18 .listBox li{width:127px;height:77px;cursor:pointer;position:relative; padding:5px 0 0 0;}
.mod18 .listBox li img{ width:107px; height:77px}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:77px;}
.mod18 .listBox img{border:2px solid rgba(255,255,255,0.6);}
.mod18 .listBox .on img{border:3px solid #CECDCC;}
.mod18 .listBox .on { background:url(../img/img_bg.jpg) center top no-repeat;}
.mod18 .listBox .on i{display:block;}
.left2 { width:677px; float:left; padding-bottom:34px; /*background:#0D0D0D;*/ background:rgba(0,0,0,0.5);}
.left_top { font-family:Arial; font-size:32px; color:#fff; text-align:center; height:30px; line-height:30px; background:#333}
/* 效果CSS结束 */