/*banner*/
.banner{position:relative;height:500px;overflow:hidden;background:url(loading.gif) 50% no-repeat;min-width: 1200px;}

.Bannerslider { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }

.Bannerslider ul { position: relative; width: 1000%; overflow: hidden; }

.Bannerslider ul li { width: 10%; float: left; height:500px; display: block; background: center top no-repeat; }

.Bannerslider ul li img { display: block; visibility: hidden;  }

.Bannerslider ol { text-align: center; width: 100%; position: absolute; bottom: 10px; left: 0; margin: 0; }

.Bannerslider ol li { width: 16px; height: 16px; background: url(dot.png) 0 -16px; cursor: pointer; display: inline-block; *display:inline;
*zoom:1;
}

.Bannerslider ol li.on { width: 16px; height: 16px; background: url(dot.png) 0 0px; }

.Bannerslider .ScrollLeft { display: none; width: 60px; height: 90px; position: absolute; top: 50%; left: 0; opacity: 0.8; background: url(ad_ctr.png) 0 0; cursor: pointer; z-index: 1; margin-top: -60px; }

.Bannerslider .ScrollRight { display: none; width: 60px; height: 90px; position: absolute; top: 50%; right: 0; opacity: 0.8; background: url(ad_ctr.png) 0 -90px; cursor: pointer; z-index: 1; margin-top: -60px; }

.Bannerslider .ScrollLeft:hover, .Bannerslider .ScrollRight:hover { opacity: 1; }

.Bannerslider:hover .ScrollLeft, .Bannerslider:hover .ScrollRight { display: block; }