@charset "utf-8";
/* CSS Document */

/*初始样式、共同样式*/
.imgmid {display:inline-block; *display:inline; *zoom: 1; height: 100%; width: 1px; margin-left:-1px; vertical-align:middle;}
.cle {clear:both; width:0; height:0; display:block; overflow:hidden; font-size:0px;}

.box{width: 356px;height: 290px;margin: 0 auto;position: relative;overflow: hidden;}
.carousel{position: relative;overflow: hidden;}
.carousel ul{width: 10000%;height: 250px;position: absolute;left: 0;top: 0;overflow: hidden;}
.carousel ul li{width: 280px;height: 218px;float: left;text-align: center;overflow: hidden;position: relative}

.ico{
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10px;
    text-align: right;
    font-size: 0;
    overflow: hidden;
    line-height: 30px;
    background: #37a8ec;
}
.ico a{
    display: inline-block;
    width: 20px;
    height: 6px;
    background: #9cd4f5;
    margin: 12px 5px 0 5px;
    overflow: hidden;
}
.ico a.on{background: #fff;}
.carousel-name {
    width: 150px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    position: absolute;
    color: #fff;
    left: 0;
    bottom: 6px;
    z-index: 20;
    padding-left: 10px;
}