.flexslider { margin: 0px 20px; padding: 3px; border: 1px solid rgb(222, 222, 222); border-image: none; width: 912px; height: 243px; overflow: hidden; position: relative; -ms-zoom: 1; } .flexslider img { width: 912px; height: 243px; } .flexslider .slides li { width: 100%; float: left; display: block; position: relative; z-index: 1; opacity: 0; } .slider-caption { background: rgb(0, 0, 0); left: 0px; width: 100%; height: 30px; bottom: 0px; position: absolute; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; } .slider-caption h3 a { color: rgb(255, 255, 255); line-height: 30px; padding-left: 10px; font-size: 14px; } .slider-caption p { color: rgb(255, 255, 255); font-size: 14px; } .flex-direction-nav a { top: 40%; width: 20px; height: 41px; text-indent: -99em; display: inline-block; position: absolute; z-index: 99; } .flex-direction-nav .flex-prev { background: url("../images/slide_L.png") no-repeat; left: 0px; } .flex-direction-nav .flex-next { background: url("../images/slide_R.png") no-repeat; right: 0px; } .flex-control-nav { left: 420px; bottom: 26px; position: absolute; z-index: 999; } .flex-control-nav li { margin: 0px 4px; float: left; -ms-zoom: 1; } .flex-control-paging li a { background: rgb(255, 255, 255); width: 30px; height: 3px; text-indent: -99em; display: block; cursor: pointer; } .flex-control-paging li a.flex-active { background: rgb(153, 197, 62); }