@charset "utf-8";


.first_block-one{ width:640px; border-radius:5px; height:342px; float:left; background:#a4a0a0;}
.first_block-one-a{ width:640px; height:342px; margin:auto; margin-top:5px;}
.xx { position: relative; width:640px; height:342px; }
.xx .pic img { width:640px; height:342px; display: block; }
.xx .hd { overflow:hidden; zoom:1; position:absolute; bottom:40px; right:25px; z-index:3; width:180px;}
.xx .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:25px; height:10px; cursor:pointer; overflow:hidden; background:#333; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.xx .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }

.xx .prev,
.xx .next { width:45px; height:99px; position:absolute; top:50px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.xx .prev:hover,
.xx .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
.first_block-one-a .pic span{ position:absolute; bottom:0px;  text-align:center; z-index:3; display:block; opacity:0.8; background:#666; width:640px; padding:5px 0px; font-size:16px;}
.first_block-one-a .pic span a{ color:#eee; font-weight:bold;}




.pic{width:100%;height:100%;}
.pic li{display:none;}
.pic .roll_only{display:block;}
.xx .hd .on{background:#fff;}