.slider{margin-bottom:25px}
.slider img{width:100%}
.flexslider *{background:none repeat scroll 0 0 rgba(0,0,0,0);border:0 none;font-size:100%;margin:0;outline:0 none;padding:0;vertical-align:baseline}
.flexslider a{color:#fff;text-decoration:none}
.flexslider{position:relative;overflow:hidden}
.flexslider img{width:300px}
.flexslider .slides li{position:relative;overflow:hidden}
.flexslider .capcontain{z-index:0;background:none;position:absolute;bottom:0;left:0;width:100%;height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;color:#fff}
.flexslider .capcontain:before{z-index:-1;content:"";background:rgba(0,0,0,.5);position:absolute;bottom:0;left:0;width:0;opacity:0;visibility:hidden;height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}
.flexslider .capcontain:after{z-index:-1;content:"";background:rgba(0,0,0,.5);position:absolute;bottom:0;right:0;width:0;opacity:0;visibility:hidden;height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}
.flexslider:hover .capcontain:before,.flexslider:hover .capcontain:after{width:50%;opacity:1;visibility:visible}
.slides{list-style:none}
.flexslider .flex-direction-nav{list-style:none}
.flexslider .flex-direction-nav a{opacity:100!important;position:absolute;top:45%;-webkit-transition:all 0.45s;-moz-transition:all 0.45s;transition:all 0.45s;z-index:10000}
.flex-direction-nav i{display:block;font-size:27px;color:#fff;width:25px;height:25px;padding:16px;text-align:center;-webkit-border-radius:50%;border-radius:50%;-moz-border-radius:50%;border:1px solid #fff;vertical-align:top;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s}
@-moz-document url-prefix(){.flex-direction-nav i{padding:16px 16px 18px}
}
.flexslider:hover .flex-direction-nav i{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg)}
.flexslider:hover .flex-direction-nav a:hover i{transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg)}
.flex-direction-nav i:hover{border:1px solid #3498db;color:#3498db;-moz-transform:rotate(360deg);transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg)}
.flex-direction-nav .flex-next{right:-70px;display:block}
.flex-direction-nav .flex-prev{left:-70px;display:block}
.flexslider:hover .flex-direction-nav .flex-prev{left:30px}
.flexslider:hover .flex-direction-nav .flex-next{right:30px}
.sideslide .flex-direction-nav a{top:-55px;z-index:100}
.sideslide:hover .flex-direction-nav a{top:15px}
.sideslide .flex-direction-nav i{font-size:20px;padding:10px!important;width:20px;height:20px}
.sideslide .flex-direction-nav a.flex-prev{right:65px;left:inherit}
.sideslide .flex-direction-nav a.flex-next{right:15px}
.sideslide:hover .flex-direction-nav .flex-prev{right:65px;left:inherit}
.sideslide:hover .flex-direction-nav .flex-next{right:15px}
.flex-direction-nav{list-style:none}
.slides li{position:relative}