.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 {margin: 0; padding: 0; position: relative;}
.flexslider .slides > li {display:none ; -webkit-backface-visibility: hidden;} 
.flex-pauseplay span {text-transform: capitalize;}
.flexslider .slides > li:first-child {display: block;}

.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}



.no-js .slides > li:first-child {display: block;}


.flexslider { width:1000px; margin:0 auto;  border: 0px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1; }
.flex-viewport { max-height: 2000px; -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; font-size:0px;}
.carousel li { margin-right: 5px; font-size:0px; }


.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }


.flex-control-nav {width: 100%; position: absolute; bottom: 0; text-align: center; height:6px;}
.flex-control-nav li {display: inline-block; zoom: 1; *display: inline; width:25%;}
.flex-control-paging li a {width: 100%; height: 6px; display: block; background: #666; background:#76c7c0; cursor: pointer; text-indent: -9999px;  }
.flex-control-paging li a:hover { background: #daf0ee;  }
.flex-control-paging li a.flex-active { background: #daf0ee; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}



.flexslider1{ position:relative; height:538px;}
.flexslider1 .flex-control-nav {width: 116px; position: absolute; bottom: 22px; right:400px; text-align: center; height:10px; margin:0 auto;}
.flexslider1 .flex-control-nav li {display: inline-block; zoom: 1; *display: inline; width:15px; height:10px; text-align:center; }
.flexslider1 .flex-control-paging li a { display:inline-block; width:10px; height:10px; border-radius:10px; background:#6f787b; cursor: pointer; text-indent: -9999px;  }
.flexslider1 .flex-control-paging li a:hover { background: #daf0ee;  }
.flexslider1 .flex-control-paging li a.flex-active { background: #000000; cursor: default; }

.flexslider2{ position:relative; width: 281px;  height:437px; overflow: hidden; border:1px solid #dadada;}
.flexslider2 .flex-control-nav {width: 100%; position: absolute; bottom: 0; right:0; text-align: center; height:10px; margin:0 auto;}
.flexslider2 .flex-control-nav li {display: inline-block; zoom: 1; *display: inline; width:25%; height:10px; text-align:center; }
.flexslider2 .flex-control-paging li a { display:inline-block; width:100%; height:10px;background:#84ced1; cursor: pointer; text-indent: -9999px;  }
.flexslider2 .flex-control-paging li a:hover { background: #099ea3;  }
.flexslider2 .flex-control-paging li a.flex-active { background: #099ea3; cursor: default; }

.flexslider3{ position:relative; width: 245px;  height:145px; margin:0 auto;}
.flexslider3 .flex-control-nav {width: 100%; position: absolute; bottom: 0; right:0; text-align: center; height:19px; margin:0 auto; display: none;}
.flexslider3 .flex-control-nav li {display: inline-block; zoom: 1; *display: inline; width:25%; height:19px; text-align:center; }
.flexslider3 .flex-control-paging li a { display:inline-block; width:100%; height:19px;background:#84ced1; cursor: pointer; text-indent: -9999px;  }
.flexslider3 .flex-control-paging li a:hover { background: #099ea3;  }
.flexslider3 .flex-control-paging li a.flex-active { background: #099ea3; cursor: default; }
.flexslider3 ul{width: 100%; height: 134px; margin:8px auto;}
.flexslider3 li{position: relative; text-align: center;}
.flexslider3 li img{border-radius:  10px;-webkit-border-radius:10px; -moz-border-radius:10px;}
.flexslider3 li a{position: absolute; bottom: 0; left:0; width:100%; font-size: 14px; color:#ffffff; height: 28px; text-align: center; line-height: 28px; background: url(../image/tmbg_black.png); 
border-radius:  0 0 10px 10px;-webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

@media (max-width: 1023px) and (min-width: 640px){.flexslider { width:100%;} .flex-direction-nav{ width:100%;}}
@media(max-width: 640px){.flexslider { width:100%;} .flex-direction-nav{ width:100%;  top:150px;}}