.slideBox ul{margin:0;padding:0;border:0;vertical-align:baseline;-webkit-text-size-adjust: none}

.slideBox{ position:relative; overflow:hidden; max-width:640px;max-height:300px; margin:0 auto; }

.slideBox .hd{ width:100%; height:3px;  position:absolute; z-index:1; bottom:0; text-align:left;  }

.slideBox .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:3px; }

.slideBox .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;margin:0 3px;;background-color:rgba(51,51,51,0.3);text-align:left !important;}

.slideBox .hd ul .on{ background:#ed3c42;

  background: -webkit-linear-gradient(left, #ed3c42 0%, #ed3c42 50%, rgba(51,51,51,0.3) 50%, rgba(51,51,51,0.3)100%);

  background: -moz-linear-gradient(left, #ed3c42 0%, #ed3c42 50%, rgba(51,51,51,0.3) 50%, rgba(51,51,51,0.3) 100%);

  background: -o-linear-gradient(left, #ed3c42 0%, #ed3c42 50%, rgba(51,51,51,0.3) 50%, rgba(51,51,51,0.3) 100%);

  background: -ms-linear-gradient(left, #ed3c42 0%, #ed3c42 50%, rgba(51,51,51,0.3) 50%, rgba(51,51,51,0.3) 100%);

  background: linear-gradient(left, #ed3c42 0%, #ed3c42 50%, rgba(51,51,51,0.3) 50%, rgba(51,51,51,0.3) 100%);

  background-size: 200% 200%;

  -webkit-animation: barmove 3.5s ease infinite;

}

@-webkit-keyframes barmove {

  0% {

    background-position: 100% 0%;

  }

  100% {

    background-position: 0% 0%;

  }}

.slideBox .bd{ position:relative; z-index:0; }

.slideBox .bd li{ position:relative; text-align:center;}

.slideBox .bd li img{vertical-align:top; width:100%;}

.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }

.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusbg.png) repeat-x; color:#fff;  text-align:left;  }