/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width:100%; margin:0 auto; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {display: block; }

.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; 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 Default Theme******************/
.flexslider { position:relative; width:838px; min-height:630px; margin:55px auto 0 auto; zoom:1;}
.flexslider .slides {zoom: 1; text-align:center;}
.flexslider .slides > li {position:relative; height:671px; overflow:hidden;}
.flex-container {zoom:1; position:relative;}
.slides img{ text-align:center;}
.slides_text { width:656px;height:110px; margin:0 auto; text-align:center; overflow:hidden;}
.slides_text h3{ line-height:25px; height:35px; font-size:15px; color:#666; overflow:hidden; }
.slides_text p{ font-size:12px; color:#999999; line-height:22px; overflow:hidden; height:68px;}

/* Direction Nav */
.flex-direction-nav li a {width:32px; height:61px; display: block; background:url(../images/btn-prevnext.png); background-repeat:no-repeat; position: absolute; top:195px; cursor: pointer; text-indent: -9999px;  outline:none; z-index:9999;}
.flex-direction-nav li a.prev {background-position:0 0; left:-178px;}
.flex-direction-nav li a.prev:hover{background-position:0 -61px;}
.flex-direction-nav li a.next {background-position:-33px 0; right:-178px;}
.flex-direction-nav li a.next:hover{background-position:-33px -61px;}
.flex-direction-nav li a.disabled {opacity:0.1; filter:alpha(opacity=10); cursor: default;}

/* Control Nav */
.flex-control-nav { float:left; position:absolute; top:-70px; left:28%; text-align:center;}
.flex-control-nav li { float:left; cursor:pointer; padding:5px; margin:0 2px 0 2px; text-align:center; outline:none; cursor:pointer;}
.flex-control-nav li:first-child {margin:0;}
.flex-control-nav li a { float:left; color:#acacac; font-size:15px; padding:0 4px 0 4px;}
.flex-control-nav li a span.worklistHerf{ background:url(../images/icon-002.png) no-repeat right center; float:left; padding:0 30px 0 15px; border-left:1px solid #ccc;}
.flex-control-nav li.current a{ text-decoration:underline; color:#333333;}
.flex-control-nav li a:hover { text-decoration:underline; color:#333333;}
.flex-control-nav li a.active {text-decoration:underline; color:#333333;}