.banner{
 position:relative;
 z-index:2;
 width:80%;
 height:450px;
overflow:auto;
 }
.bannerContent{
 position: relative;}
.banner_item{
 
 opacity: 0;
 filter:alpha(opacity=0);
 position: absolute;
 left: -960px;
 margin-left: 50%;
 
 transition-duration: .2s;
 transition-property: opacity;
 transition-timing-function: ease;}
.banner_item a, .banner_item a img{
 display: block;}

.banner_active{
 
 opacity: 1;
 filter:alpha(opacity=100);}

.navigator{
 position: absolute;
 bottom: 10px;
 width: 100%;}
.navigator_list{
 width: 40%;
 text-align: center;
 margin: auto;
 font-size: 0;}
.navigator_item{
 
 display: inline-block;
 margin-left: 10px;
 width: 10px;
 height: 10px;
    border-radius: 7px;
 font-size: 14px;
 line-height: 10px;
 color: #ffffff;
 text-align: center;
 border: 2px solid #FFFFFF;
 background: #333333;
 cursor: pointer;}
.navigator_item{
 
 *display: inline;}
.navigator_item_active{
 
 background: #FFFFFF;}