/* 本例子css */
.slidebox {
    height: 290px;
    width: 590px;
    overflow: hidden;
    position: relative;
}

.slidebox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
}

.slidebox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.slidebox .hd ul li {
    float: left;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;

}

.slidebox .hd ul li.on {
    background: #f00;
    color: #fff;

}

.slidebox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
    left: 35px;
}

.slidebox .bd li {
    zoom: 1;
    vertical-align: middle;
    background-color: #fff;
    height: 290px;
    width: 520px;
}

.slidebox .bd li>a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.slidebox .bd img {
    width: 520px;
    height: 290px;
    display: block;
}

.slidebox .bd ul li .play {
    width: 86px;
    height: 86px;
    position: absolute;
    top: 103px;
    left: 217px;
    z-index: 22;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
/* .slidebox .prev,
.slidebox .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    filter: alpha(opacity=50);
    opacity: 0.5;
} */
.slidebox .next {
    position: absolute;
    width: 30px;
    height: 36px;
    top: 120px;
    right: 0px;
    display: inline-block;
    background: ;
}

.slidebox .next:hover {
    background: ;
}

.slidebox .prev {
    position: absolute;
    width: 30px;
    height: 36px;
    top: 120px;
    left: 0px;
    display: inline-block;
    background: ;
}

.slidebox .prev:hover {
    background: ;
}

/* .slidebox .prev:hover,
.slidebox .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
} */

.slidebox .prevstop {
    display: none;
}

.slidebox .nextstop {
    display: none;
}

.slidebox  .zflbbg{
    width: 520px;
    height: 290px;
    background: rgba(0,0,0,0.20);
    position: absolute;
    top: 0;
    z-index: 1;
}

.slidebox .zflb-title{
width:100%;
height: 46px;
line-height: 46px;
background: rgba(0,0,0,0.6);
font-size: 16px;
color: #ffffff;
padding: 0px 12px;
position: absolute;
bottom: 0px;
opacity: 0.6;
}