@charset "utf-8";

.flexslider {width: 100%;padding: 0;}
.flexslider .slides li {display: none;}
.flexslider .slides img {max-width: 100%; display: block;}

#container {width:100%; max-width: 800px; margin-bottom:20px;}

.flexslider {background: #fff; 
position: relative; 
}
.flexslider .slides  li {position: relative;}
.flexslider-container {position: relative;}

.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 12px; line-height: 18px; text-align:center;}

.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; position: absolute;display: none; top:88%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background-position: -52px 0; right: 45px;background: url(../img/bright.png) no-repeat;}
.flex-direction-nav li a.prev {background-position: 0 0; right:90px;background: url(../img/bleft.png) no-repeat;}

.flex-control-nav {position: absolute; bottom: 20px; left: 45%;} 
.flex-control-nav li {margin: 0 0 0 15px; float: left; list-style:none}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 10px; height: 10px; display: block;  cursor: pointer; text-indent: -9999px; background-color: #ffffff;border: 1px solid #ffffff;border-radius: 50%;}
.flex-control-nav li a:hover {width: 49px;height: 10px;display: block;cursor: pointer;background-color: #ffffff;border: 1px solid #ffffff;border-radius:5px;  }
.flex-control-nav li a.active {cursor: default;width: 49px;height: 10px;display: block;background-color: #ffffff;border: 1px solid #ffffff;border-radius:5px;  }