/*还要设置一个外层的banner的高度就好了*/

.flexslider{position:relative;height:100%;width: 100%;overflow:hidden;}
.slides{position:relative;z-index:1;height: 100%;width: 100%}
.slides li{height:100%;width: 100%;position: relative;background-size: 100% 100%}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:66px;height:66px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/banner_arrow_left.png) center center no-repeat ;display: none}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/banner_arrow_right.png) center center no-repeat;display: none}

.flexslider:hover .flex-direction-nav li a.flex-prev
{
    display: block;
}
.flexslider:hover .flex-direction-nav li a.flex-next
{
    display: block;
}
.zl12 .flex-direction-nav li a.flex-prev
{
    display: none;
}
.zl12 .flex-direction-nav li a.flex-next
{
    display: none;
}
.zl12 .flexslider:hover .flex-direction-nav li a.flex-prev
{
    display: none;
}
.zl12  .flexslider:hover .flex-direction-nav li a.flex-next
{
    display: none;
}
/*.zl12 .flex-control-nav a*/
/*{*/
    /*margin-top: 50px;*/
    /*display:inline-block;*/
    /*width:14px;*/
    /*height:14px;*/
    /*line-height:40px;*/
    /*overflow:hidden;*/
    /*background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;*/
/*}*/


@media only screen and (max-width: 640px)
{
    .flex-direction-nav li a.flex-prev{left:40px;background:none;}
    .flex-direction-nav li a.flex-next{right:40px;background:none}
}