@charset "utf-8";

/* flexslider */
.flexslider{ clear:both; position:relative;height:500px;overflow:hidden;background:url(../images/loading.gif) center no-repeat;}
.slides{position:relative; z-index:1;}
.slides li{height:500px; background-position: center 0px; background-repeat: no-repeat;}
.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 7px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px; line-height:100px; overflow:hidden;background: url(../images/arr.png) no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background: url(../images/arr.png) 0 -14px no-repeat;}
.flex-control-navbg{position:absolute;bottom:7px; left:50%; margin-left:-60px;z-index:2;width:120px;text-align:center;height:30px; line-height:30px;border-radius:15px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=20); -moz-opacity:0.2;opacity:0.2;background:#000; display:none;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:40%;}
.flex-direction-nav li a{display:block;width:40px;height:100px; text-indent:-999em;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5;}
.flex-direction-nav li a.flex-prev{left:10px;background: url(../images/arrow-l.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px;background: url(../images/arrow-r.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}

@media(max-width:640px){
.flexslider{height: 200px;}
.slides li{height: 200px; background-size: auto 200px;}
.flex-control-nav{bottom:0px;}
.flex-control-navbg{ display:none;}
.flex-direction-nav{ display:none;}
}