/* override flexslider default style */
.flexslider {
border:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
overflow:hidden;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 30px;
text-align: center;
z-index:900;
display:none;
}
.flex-control-paging li a {
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
border:2px solid #FFF;
width:15px;
height:15px;
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
background-color: #e10920;
border:2px solid #e10920;
}
.flex-direction-nav {
height:90px;
width: 100%;
position: absolute;
top:50%;
left:0;
margin: -50px 0 0;
z-index:100;
}
.flex-direction-nav li {
overflow:visible;
}
.flex-direction-nav a  {
overflow:visible;
width: 90px;
height: 90px;
margin: 0;
opacity: 0;
top:0;
color: rgba(0,0,0,0.8);
text-indent:-9999em;
text-shadow: none;
-webkit-transition:  all 0.3s ease-out;
-moz-transition:  all 0.3s ease-out;
transition:  all 0.3s ease-out;
background-color: rgba(0,0,0,0.5) ;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.flex-direction-nav .arrow {
position: absolute;
top:0;
left:0;
width: 90px;
height: 95px;
z-index:200;
}
.flex-direction-nav a.flex-next .arrow {
}
.flex-direction-nav .flex-prev { left:0px; background:url(../img/l.png) no-repeat; }
.flex-direction-nav .flex-next { right:0px; text-align: left;  background:url(../img/r.png) no-repeat;}
.flexslider:hover .flex-prev { left:0; opacity:1}
.flexslider:hover .flex-next { right:0; opacity:1}
.flexslider:hover .flex-prev:hover .arrow { left:0; background:url(../img/lh.png) no-repeat;}
.flexslider:hover .flex-next:hover .arrow { right:0; background:url(../img/rh.png) no-repeat;}
.flexslider:hover .flex-prev:hover,
.flexslider:hover .flex-next:hover {opacity:1; }
.flexslider{ width:100%; margin-left: auto; margin-right: auto; }
/* general style */
.preview {
width: 95px;
height:95px;
position: absolute;
top:0;
left:-90px;
z-index:100;
-webkit-transition:  all 0.3s ease-out;
-moz-transition:  all 0.3s ease-out;
transition:  all 0.3s ease-out;
opacity:0;
}
.preview img {
position: absolute;
left:90px;
top:0;
width:95px;
height:95px;
}
/* next button */
.flex-next .preview {
right:-90px;
left:auto;
}
.flex-next .preview img {
position: absolute;
left:-90px;
top:0;
width:95px;
height:95px;
}
.flex-next .preview .alt {
left:0;
}
/* hover style */
.flex-prev:hover .preview {
left:0;
opacity:1;
}
.flex-next:hover .preview {
right:0;
opacity:1;
}
.flexslider ul li.flex-active-slide span{ display:block;}
.flexslider .slides li span{ display:none; position:absolute; left:0%; top:24%; width:100%; text-align:center;}
.flexslider .slides li span img{ max-width:100%; width:auto; display:inline-block; height:auto;}
@media (max-width: 1230px) {
.flexslider .slides li span img{ width:72%;}
}
@media (max-width: 980px) {
.flexslider .slides li span img{ width:62%;}
}
@media (max-width: 767px) {
.flex-direction-nav{ display:none;}
.flex-control-paging li a {width:10px;height:10px;}
.flex-control-nav {bottom: 10px;}
.flexslider ul li a img{ }
.flexslider .slides li span{ top:22%; }
.flexslider .slides li span img{ width:75%;}
}
/* XS Portrait */
@media (max-width: 480px) {
.flexslider ul li a img{ height:180px;}
.flexslider .slides li span{ top:26%; }
.flexslider .slides li span img{ width:85%;}
}