/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0; overflow:hidden;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;text-align:center;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides a{block;}
.flexslider .slides img {width:100%;}
.flex-pauseplay span {text-transform: capitalize;}



/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1; overflow:hidden; z-index:1;}
.flex-viewport { max-height: 3000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  {font-size:100px;font-family:simsun;display:block;position:absolute;top:30%;z-index:12;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;color:#23527c; text-decoration:none; font-weight:bold;}
.flex-direction-nav .prev { left: 5%; }
.flex-direction-nav .next{right:5%;}
.flexslider:hover .next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .next:hover, .flexslider:hover .prev:hover{opacity:1;filter:alpha(opacity=50);}


/* Control Nav */
.flex-control-nav{position:absolute;left:0;right:0;bottom:3%;text-align:center;width:100%;z-index:99}
.flex-control-nav li{display:inline-block;zoom:1;*display:inline;margin:0 5px;}
.flex-control-nav li a{background-color:#ccc;border:1px solid #ccc;display:block;height:12px;overflow:hidden;text-indent:-99em;width:12px;cursor:pointer;border-radius:35px;}
.flex-control-nav li a.active{background-color:#23527c;border:1px solid #23527c;}

@media screen and (max-width: 640px){
.flex-direction-nav a {top:35%;}
.flex-control-nav li a{width:10px;height:10px;}
.flex-direction-nav a{font-size:30px;}
}