@charset "utf-8";

/* flexslider */
.flexslider{position:relative;height:420px;overflow:hidden;background:url(../images/loading.gif) center no-repeat;}
.slides{position:relative; z-index:1;}
.slides li{height:420px; background-position: center 0px; background-repeat: no-repeat;}
.slides li a{display:block;height:420px;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:80px;height:8px;margin:0 2px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:80px;height:8px;line-height:40px;overflow:hidden;background:#ccc; border-radius:7px;cursor:pointer;}
.flex-control-nav .flex-active{background:#26854B;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:40%;}
.flex-direction-nav li a{display:block;width:40px;height:100px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=30); -moz-opacity:0.3;opacity:0.3;}
.flex-direction-nav li a.flex-prev{left:10px;background:#000 url(../images/arrow-l.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px;background:#000 url(../images/arrow-r.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.6;opacity:0.6;}

@media (max-width: 768px) {
	.flexslider{height:165px;}
	.slides li{height:165px; background-size:auto 100% !important; }
	.slides li a{height:165px;}	
	
	.flex-control-nav li{width:40px;height:4px;}
	.flex-control-nav a{width:40px;height:4px;}
}