   .videoList {
        border: 0px;
        position: absolute;
        overflow: hidden;
        background-color: #000000;
    }

    .videoDiv {
        overflow: hidden;
    }

    .videoScreen {
        position: absolute;
        z-index: 999;
        top: 1px;
        left: 1px;
        right: 1px;
        bottom: 1px;
        background: url("../images/2.png") repeat center;
        background-size: 100% 100%;
    }

    .videoPlayBtn {
        cursor: pointer;
        z-index: 1010;
        position: absolute;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -32px; /* 高度的一半 */
        margin-left: -32px; /* 宽度的一半 */
        width: 64px; /* 要设定宽度 */
        height: 64px;
        background: no-repeat center center;
    }

    .video {
        border: 1px solid #333;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .videoList .selected {
        border: 1px solid #ff0000;
        top: 0px;
        left: 0px;
        right: 2px;
        bottom: 2px;
    }
        .video video {
            width: 100%;
            height: 100%;
        }

    .videoList .fill {
        object-fit: fill;
    }

    .videoList .cover {
        object-fit: contain;
    }

    .videoList .videoInfo {
        position: absolute;
        bottom: 0;
        left: 0;
        bottom: 20px;
        right: 0;
        height: auto;
        line-height: normal;
        padding: 10px;
        text-align: center;
        font-weight: 200;
        color: #ffffff;
        font-size: 14px;
        z-index: 1005;
        text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
        -webkit-text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
        -moz-text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
        *filter: Glow(color=#000, strength=1);
    }


    .videoList .errInfo {
        font-weight: 300;
        color: red;
        font-size: 18px;
    }



    .videoCtrlBottom {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 24px;
        padding: 2px;
        text-align: left;
        z-index: 1000;
        background: #00000047;
        opacity: 0.8;
        font-weight: 200;
    }

    .videoScreen .carVideoName {
        position: absolute;
        right: 10px;
        top: 10px;
        color: #ffffff;
        font-weight: 300;
        font-size: 18px;
        height: 24px;
        line-height: 24px;
        width: auto;
        z-index: 1001;
        text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
        -webkit-text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
        -moz-text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
        *filter: Glow(color=#000, strength=1);
    }

    .videoCtrlBottom .carVideoName2 {
        float: left;
        color: #ffffff;
        font-weight: 200;
        font-size: 14px;
        height: 24px;
        line-height: 24px;
        width: auto;
        z-index: 1001;
        text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
        -webkit-text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
        -moz-text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
        *filter: Glow(color=#000, strength=1);
    }

    .videoCtrlBottom .rightctr {
        float: right;
        margin-right: 10px;
    }

        .videoCtrlBottom .rightctr a {
            float: left;
            margin-right: 10px;
            height: 24px;
            line-height: 24px;
            color: #ffffff;
            font-weight: 200;
            font-size: 14px;
            text-decoration: none;
        }

            .videoCtrlBottom .rightctr a:hover {
                cursor: pointer;
                color: #ff6a00;
            }

    .videoScreen .playImg1 {
        background-image: url("../images/play_1.png");
    }

    .videoScreen .playImg2 {
        background-image: url("../images/play_2.png");
    }

    .videoScreen .pauseImg1 {
        background-image: url("../images/pause_1.png");
    }

    .videoScreen .pauseImg2 {
        background-image: url("../images/pause_2.png");
    }
    
    .mutedVideo .muteImg2 {
        background-image: url("../images/btn_mute.png");
    }

    .mutedVideo .muteImg1 {
        background-image: url("../images/btn_unmute.png");
    }
