﻿/* flexslider */
.flexslider{position:relative; height:auto;width:100%;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; }
.slides{position:relative;z-index:1;overflow:hidden;}
.slides li{height:auto;width:100%;overflow:hidden;}
.slides li img{width:100%; height:auto}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;text-align:center;left:45%}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1; }
.flex-control-nav li img{ width:100%; height:auto; border:0}
.flex-control-nav a{display:inline-block;width:13px;height:13px;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:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

@media only screen and (max-width:768px){
.flexslider{position:relative;width:100%;overflow:hidden;background:url(../images/loading.gif) no-repeat center; margin:0 auto; height:auto}
.slides{position:relative;z-index:1;overflow:hidden;}
.slides li{width:100%; height:auto;overflow:hidden;}
.slides li img{width:100%; height:auto}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;text-align:center; }
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 5px;*display:inline;zoom:1; }
.flex-control-nav li img{ width:100%; height:auto}
.flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:20px;overflow:hidden;background:url(../images/dot.png)  right 0 no-repeat; background-size: auto 8px;cursor:pointer; text-indent:-9999px}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%; bottom:45%; display:none}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:20px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:20px;background:url(../images/next.png) center center no-repeat;}
}


