@charset "utf-8";
/* CSS Document */
/***********************************
 * achinaviaje
 * About 		index.css
 * Design By 	luhui54439430@126.com | luhui
 * WebSite 		www.achinaviaje.com
 * Version 		1.0
 * CreateDate  	2015-00-12
 
************************************/


.mod18Box { padding: 15px; border: 1px solid #CCC; margin: 0px auto; width: 800px; box-shadow:0px 1px 5px #CCCCCC;}
.mod18{ width: 800px; height:auto; margin: 0px auto; position: relative; background: #f7f7f7; }
.mod18 .btn{position:absolute; width:15px;height:74px;top:486px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0; background:url(/WebApp/Tpl/default/Public/images/sales-team/photo/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:240px;width:46px;height:48px;}
.mod18 #prevTop{background:url(/WebApp/Tpl/default/Public/images/sales-team/photo/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(/WebApp/Tpl/default/Public/images/sales-team/photo/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0;background:url(/WebApp/Tpl/default/Public/images/sales-team/photo/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff; text-align:center;}
.mod18 .cf li img{ width: auto; height:480px; text-align:center;}
.mod18 .cf a{display:block;width:800px; height:auto; position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:760px;position:absolute;left:0; top:438px;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:480px;position:relative;overflow:hidden; display:block; background:#ebebeb;}
.mod18 .picBox ul{height: auto;position:absolute;}
.mod18 .picBox li{width:800px;height:480px;}
.mod18 .listBox{ width: 762px; height: 74px; margin: 0 auto; position: relative; padding: 6px 0 0px; overflow: hidden; }
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:129px;height:74px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:124px;height:70px;}
.mod18 .listBox li img{width:124px;height:74px;}
.mod18 .listBox .on img{width:118px;height:68px;border:3px solid #ff6600;}
.mod18 .listBox .on i{display:block;}