.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%;margin:0 auto;display: block; text-align:left;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
.no-js .slides > li:first-child {display: block;}

.flexslider {position: relative;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.carousel li {margin-right: 50px}


.flexslider .slides {zoom: 1;margin:0 85px 40px 85px;text-align:left;}
/* Direction Nav */
.flex-direction-nav {*height: 0; }
.flex-direction-nav a {width:55px; height: 55px; margin: -120px 0 0; display: block; background: #f2f2f2 url(../images/17.png) no-repeat center; position: absolute; top: 50%; z-index: 10;text-indent: -9999px; background-size:50%;border-radius:50%}
.flex-direction-nav .flex-prev {left: 0;opacity: 1;}
.flex-direction-nav .flex-next {left:auto;right:0;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.flexslider:hover .flex-prev {}
.flexslider:hover .flex-next {}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1; background-color:#016fbc;}
.flex-direction-nav .flex-disabled.flex-prev:hover,.flex-direction-nav .flex-disabled.flex-next:hover {background-color:#f2f2f2;}





.flex-control-nav {width: 100%; position: absolute; bottom: 0; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {position: static; overflow: hidden; background:url(../images/22.png) repeat-y center;padding:20px 0}
.flex-control-thumbs ul{width:110%;margin:0 0 0 -5%}
.flex-control-thumbs li {width: 15%;margin:20px 5%; display:inline-block; vertical-align:top; text-align:left;}
.flex-control-thumbs img {width: 100%; display: block; cursor: pointer}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {cursor: default;}