.yb_scroll_container{
    position: relative;
    background: #CCC;
    overflow: hidden;
    /*overflow: scroll;*/
}

.yb_scroll_inner:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.yb_scroll_inner{
    width:3000000px;
    zoom:1;
}
.yb_scroll_group{
    float:left;
}
.yb_scroll_item{
    float:left;
    position: relative;
    /*width:100px;*/
}
.yb_scroll_item_bg{
    float: left;
}

.yb_scroll_item_title{
    position: absolute;
    bottom: 17px;
    left:0;
    right: 0;
    text-align: center;
    height:30px;
    line-height: 30px;
    color:#FFF;
    background: rgba(0,0,0,0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33000000,endcolorstr=#33000000);

}

.yb_item_index {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin: 0 auto;
    text-align: center;
    padding:3px 0 10px;
    line-height: 4px;
    background: rgba(0,0,0,0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33000000,endcolorstr=#33000000);
}
.yb_item_index i{
    display: inline-block;
    margin:0 5px 0 0;
    width:50px;
    height:4px;
    background: #FFF;
    cursor: pointer;
    vertical-align: top;
}

.yb_item_index i.current{
    background: #F00;
}