@charset ; /* CSS Document */ .flexslider { position: relative; width: 1000px; height: 300px; margin: 0 auto; clear: both; overflow: hidden; zoom: 1; margin-top: 10px;} .slide_bg{ position: absolute; bottom: 0; left: 0; width: 1000px; height: 58px; z-index: 99;} .flexslider img { width: 1000px; height:300px;} .flexslider .slides li{ width: 100%; float: left; position: relative; opacity: 0; display: block; z-index: 1;} .slider-caption{ position:absolute; left:22px; top:58px; width: 522px; height: 50px; z-index: 999;} .slider-caption h3 a{ font-size:20px; color:#ffe26f; line-height: 50px; padding-left: 15px;} .slider-caption p{ font-size:14px; color:#fff;} .flex-direction-nav{display:none;} .flex-direction-nav a { width: 36px; height: 36px; font-size: 16px; background:#F00; position:absolute; top:50%; z-index:99; text-indent:-99999em;} .flex-direction-nav .flex-prev { left: 36px;} .flex-direction-nav .flex-next { right: 36px;} /* Control Nav */ .flex-control-nav { position: absolute; bottom: 12px; left:46%; z-index:999;} .flex-control-nav li { margin: 0 1px; float:left; zoom: 1;} .flex-control-paging li a { width: 15px; height: 15px; display: block; background: #ffffff; cursor: pointer; border-radius: 10px; margin: 0 6px; text-indent:-99999em;} .flex-control-paging li a.flex-active { background: #d4ae1f;}