.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.clearfix {
    *zoom: 1;
}

.collapsecarousel_container {
    width: 1280px;
    height: 397px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

    .collapsecarousel_container .collapsecarousel_content {
        position: absolute;
        width: 640px;
        height: 360px;
        top: 0;
        left: calc((1280px - 640px) / 2 );
    }

        .collapsecarousel_container .collapsecarousel_content li {
            position: absolute;
            top: 0;
            left: 0;
            width: 640px;
            height: 360px;
            transition: all 0.3s ease;
            border: 1px solid #3399FF;
            box-shadow: 0px 0px 10px #3399FF;
        }

            .collapsecarousel_container .collapsecarousel_content li img {
                width: 640px;
                height: 360px;
                vertical-align: middle;
                display: inline-block;
            }

    .collapsecarousel_container .btn_left,
    .collapsecarousel_container .btn_right {
        display: none;
        width: 126px;
        height: 179px;
        position: absolute;
        top: 92px;
        z-index: 50;
        color: #fff;
        line-height: 179px;
    }

    .collapsecarousel_container .btn_left {
        text-align: left;
        left: 2px;
    }

    .collapsecarousel_container .btn_right {
        text-align: right;
        right: 0;
    }

    .collapsecarousel_container i {
        font-size: 50px;
    }

    .collapsecarousel_container .buttons {
        width: 460px;
        height: 5px;
        line-height: 5px;
        position: absolute;
        bottom: 0px;
        left: calc((1280px - 460px) / 2 );
        z-index: 80;
    }

        .collapsecarousel_container .buttons a {
            float: left;
            width: 80px;
            height: 5px;
            background-color: #F2F2F2;
            margin-right: 15px;
        }

            .collapsecarousel_container .buttons a.color {
                background-color: #3399FF;
            }

            .collapsecarousel_container .buttons a:last-child {
                margin-right: 0;
            }

.p1 {
    transform: translate3d(-379px, 0, 0) scale(0.81);
    opacity: 0.3;
    z-index: 1;
}

.p2 {
    transform: translate3d(-220px, 0, 0) scale(0.81);
    opacity: 0.6;
    z-index: 2;
}

.p3 {
    transform: translate3d(0px, 0, 0) scale(1);
    opacity: 1;
    z-index: 3;
}

.p4 {
    transform: translate3d(220px, 0, 0) scale(0.81);
    opacity: 0.6;
    z-index: 2;
}

.p5 {
    transform: translate3d(379px, 0, 0) scale(0.81);
    opacity: 0.3;
    z-index: 1;
}