﻿
.flexslider{
 margin:0px auto;
 position:relative;
 width:1200px;
 height:350px;
 overflow:hidden;
 zoom:1;
 text-align:center;
 z-index: 1;
}
.slides li {
 width:100%;
 height:350px;
 overflow:hidden;
}
.slides h3 {
 position:absolute;
 top:0;
 left:0;
 z-index:50;
}
.flexslider .slides{zoom:1;}

.flex-direction-nav a{
 width:60px;
 height:90px;
 line-height:99em;
 overflow:hidden;
 margin:-60px 0 0;
 display:block;
 background:url(../image/ad_ctr.png) no-repeat;
 position:absolute;
 top:50%;
 z-index:10;
 cursor:pointer;
 opacity:0;
 filter:alpha(opacity=0);
 -webkit-transition:all .3s ease;
 z-index: 2;
}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{
 opacity:1;
 filter:alpha(opacity=50);
}
.flex-control-nav{
 width:100%;
 position:absolute;
 bottom:20px;
 text-align:center;
 z-index:10;
 left:0;
}
.flex-control-nav li{
 margin:0 5px;
 display:inline-block;
 zoom:1;
 *display:inline;
}
.flex-control-paging li a{
 background:url(../image/dot3.png) no-repeat 0 -16px;
 display:block;
 height:16px;
 overflow:hidden;
 text-indent:-99em;
 width:16px;
 cursor:pointer;
}
.flex-control-paging li a.flex-active{
 background-position:0 0;
}