.flexslider .slides .pic { width: 100%; height: 218px; }
.flexslider { position: relative; zoom: 1; height: 218px; overflow:hidden;}
.flexslider .slides { z-index: 5; }
.flexslider .slide { position: relative; }
.flexslider .caption { padding: 8px 10px; font-size: 16px; color: #000; height: 20px; position: absolute; left: 0; bottom: 0; background: url(bg_caption.png); text-align: left; width:100%; }
.flexslider .flex-direction-nav{ display:none}
.flexslider .flex-direction-nav a { width: 42px; height: 42px; display: block; position: absolute; top: 40%; *top:35%;
background-repeat: no-repeat; background-image: url(sprite_arrow_2.png); text-indent: -9000px; margin-top: -20px; }
.flexslider .flex-direction-nav a.flex-prev { left: 6px; background-position: left top; }
.flexslider .flex-direction-nav a.flex-prev:hover { background-position: left bottom; }
.flexslider .flex-direction-nav a.flex-next { right: 6px; background-position: right top; }
.flexslider .flex-direction-nav a.flex-next:hover { background-position: right bottom; }
.flexslider .flex-control-paging { text-align: right; z-index: 20; position: absolute; bottom:8px; right: 0 }
.flexslider .flex-control-paging li { margin: 0px 2px; display: inline-block; *display:inline;
*zoom:1;
overflow: hidden; }
.flexslider .flex-control-paging li a { width:20px; text-align:center; display: block; background-repeat: no-repeat; background: #E4E6F2; color: #666;  cursor: pointer; font-size: 12px; }
.flexslider .flex-control-paging li a.flex-active { background: #646673; color: #fff }
.flexslider li{ display:none;}
.flexslider li.flex-active-slide{ display:block}