*{margin: 0;padding: 0;}

.flexslider{display: none;}
.flexslider {width: 100%; position: relative;}
.slides {width: 100%; overflow: hidden;}
.slides img{width: 100%;}
.slide, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flex-control-nav {width: 100%; text-align: center; position: absolute; bottom: 5%; z-index: 999; }
.flex-control-nav li{display: inline-block; margin: 0 6px;}
.flex-control-nav li a{display: block; background: #777777; width: 12px; height: 12px; border-radius: 12px; text-indent: -9999px;}
.flex-control-nav li a:hover {background: #2E2E2E;}
.flex-control-nav li a.flex-active {background: #2E2E2E;}
.flex-direction-nav a {display: block; text-decoration: none; position: absolute; top: 50%; z-index: 999; width: 40px; height: 40px; overflow: hidden; opacity: 0;}
.flex-direction-nav .flex-prev{left: 0;}
.flex-direction-nav .flex-next{right: 0;}
.flex-direction-nav a:before {font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '<'; color: #fff; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}
.flex-direction-nav a.flex-next:before{	content: '>';}
.flexslider:hover .flex-direction-nav .flex-prev{opacity: 0.7; left: 10px;}
.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity: 1;}
.flexslider:hover .flex-direction-nav .flex-next{opacity: 0.7; right: 10px;}
.flexslider:hover .flex-direction-nav .flex-next:hover{opacity: 1;}