/* CSS Document */
/**{ padding:0; margin:0;}
body{ background:#CCC;font-size:0}*/
.banner{ width:100% ; /*height:800px;*/ overflow:hidden; position:relative;font-size:0}
.b-img{   position:absolute; left:0; top:0;}
.b-img a{ display:block; /*height:800px;*/ float:left;}
.b-list{ height:30px; width:30%; padding:0px; /*padding-top:750px;*/ position: relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:15px; height:15px; border-radius:50%; background:#DFDFDF; 
border:2px solid #DFDFDF;  float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{/*border:3px solid #14ab04;*/ background:#333; border:2px solid #333; }
.bar-left{ position:absolute; z-index:1; display:block; width:55px; height:100px; left:0px; background:none; top:40%; }
.bar-right{ position:absolute;z-index:1; display:block; width:55px; height:100px; right:0px; background:none; top:40%; }
.bar-left em{ display:block; width:47px; height:100px;  background:url(lar.png) 0px 0px no-repeat; margin:0 auto;  }
.bar-right em{ display:block; width:47px; height:100px; background:url(rar.png) 0px 0px no-repeat; margin:0 auto;   }
.bar-left em:hover{ display:block; width:47px; height:100px;  background:url(lhar.png) 0px 0px no-repeat; margin:0 auto;}
.bar-right em:hover{ display:block; width:47px; height:100px; background:url(rhar.png) 00px 0px no-repeat; margin:0 auto; }
/*.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}*/