.carousel-banner {
    margin: 0 auto;
    background: #cccccc;
    overflow: hidden;
    position: relative;
}
.carousel-banner.video-banner{
    width: 790px;
    height: 330px;
}
.carousel-banner ul {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}

.carousel-banner ul li {
    display: block;

    float: left;
}
.carousel-banner ul .video-li{
    width: 790px;
    height: 330px;
}
.carousel-banner .con-dot {
    position: absolute;
    left: 45%;
    bottom: 3%;
    z-index: 101;
}

.carousel-banner .con-dot a {
    float: left;
    margin-right: 8px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #000;
    z-index: 101;
}

.carousel-banner .con-dot a.active {
    background: #fff;
}

.carousel-banner .u {
    width: 25px;
    height: 35px;
    display: none;
}

.carousel-banner .left {
    position: absolute;
    left: 2%;
    z-index: 103;
}
.arrow-r{
    background: url(../img/right.png) no-repeat;
    cursor: pointer;

}
.arrow-l{
    background: url(../img/left.png) no-repeat;
    cursor: pointer;
}
.carousel-banner .right {
    position: absolute;
    right: 2%;
    z-index: 103;
}
.video-arrow{
    top: 40%;
}