@import url('../css_new/base.css');

@import url('../css_new/layout.css');



.lunbo {
    max-width: 320px;
    
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
}

.touchslider-viewport {
    width: 304px;
    margin: 0 auto;
}

.flexslider{position:relative;height:auto;}

.slides{ position:relative; overflow:hidden; }

.slides li{ width:100%;}

.flex-control-nav{position:absolute;bottom:5px;z-index:2;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images_new/dot.png) center no-repeat;cursor:pointer;}

.flex-control-nav .flex-active{ background:url(../images_new/dot2.png) center no-repeat;}

.flex-direction-nav{position:absolute;z-index:2;width:100%;top:30%;}

.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

.flex-direction-nav li a.flex-prev{left:0px;background:url(../images_new/bannerl.png) center center no-repeat;}

.flex-direction-nav li a.flex-next{right:0px;background:url(../images_new/bannerr.png) center center no-repeat;}





.banner{ width:100%; height:auto;overflow:hidden; float:left;}

.banner img{ width:100%; height:auto; float:left;}

.banner .flex-direction-nav{ top:55%;}

.clearfloat{clear:both}