/*--  popup_video start*/
.popupClassName {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 105;
    height: 100%;
    width: 100%;
}

.popup_maskBg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    height: 100%;
    width: 100%;
    background: #000;
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    filter: "alpha(opacity=60)";
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /*兼容ie8及以下*/
    cursor: pointer;
}

.popup_videoWrap {
    position: relative;
    top: 150px;
    margin: 0 auto;
    z-index: 105;
    width: 70%;
    cursor: pointer;
    animation: popup_videoShow .5s;
    -moz-animation: popup_videoShow .5s; /* Firefox */
    -webkit-animation: popup_videoShow .5s; /* Safari 和 Chrome */
    -o-animation: popup_videoShow .5s; /* Opera */
}

@keyframes popup_videoShow {
    from {
        width: 0;
        margin-top: 33%;
    }

    to {
        width: 70%;
        top: 150px;
    }
}

@-moz-keyframes popup_videoShow /* Firefox */
{
    from {
        width: 0;
        margin-top: 33%;
    }

    to {
        width: 70%;
        top: 150px;
    }
}

@-webkit-keyframes popup_videoShow /* Safari 和 Chrome */
{
    from {
        width: 0;
        margin-top: 33%;
    }

    to {
        width: 70%;
        top: 150px;
    }
}

@-o-keyframes popup_videoShow /* Opera */
{
    from {
        width: 0;
        margin-top: 33%;
    }

    to {
        width: 70%;
        top: 150px;
    }
}



video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

#cgwangpopup_video {
    position: relative;
}

.popup_videoPlayer img {
    width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 7;
    margin-top: -60px;
    margin-left: -50px;
    opacity: 0.8;
    cursor: pointer;
}

.popup_videoClose {
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 10;
    width: 30px;
    height: 30px;
    cursor: pointer;
    animation: popup_videoCloseShow 1s;
    -moz-animation: popup_videoCloseShow 1s; /* Firefox */
    -webkit-animation: popup_videoCloseShow 1s; /* Safari 和 Chrome */
    -o-animation: popup_videoCloseShow 1s; /* Opera */
}

@keyframes popup_videoCloseShow {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes popup_videoCloseShow /* Firefox */
{
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes popup_videoCloseShow /* Safari 和 Chrome */
{
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes popup_videoCloseShow /* Opera */
{
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.popup_videoClose img {
    width: 100%;
    background: #fff;
    border-radius: 50%;
}

    .popup_videoClose img:hover {
        background: #ff0000;
    }



.popup_videoCloseFlv {
    position: absolute;
    top: 0;
    right: 24px;
    z-index: 10;
    cursor: pointer;
}

    .popup_videoCloseFlv img {
        width: 30px;
        background: #fff;
        border-radius: 50%;
    }

        .popup_videoCloseFlv img:hover {
            background: #ff0000;
        }
/*-- popup_video End*/
@media screen and (min-width: 767px) and (max-width: 1069px) {
    .popup_videoWrap {
        position: relative;
        margin: 10% auto;
        z-index: 5;
        width: 70%;
        cursor: pointer;
        animation: popup_videoShow .5s;
        -moz-animation: popup_videoShow .5s; /* Firefox */
        -webkit-animation: popup_videoShow .5s; /* Safari 和 Chrome */
        -o-animation: popup_videoShow .5s; /* Opera */
    }

    @keyframes popup_videoShow {
        from {
            width: 0;
            margin-top: 33%;
        }

        to {
            width: 70%;
            margin-top: 10%;
        }
    }

    @-moz-keyframes popup_videoShow /* Firefox */
    {
        from {
            width: 0;
            margin-top: 33%;
        }

        to {
            width: 70%;
            margin-top: 10%;
        }
    }

    @-webkit-keyframes popup_videoShow /* Safari 和 Chrome */
    {
        from {
            width: 0;
            margin-top: 33%;
        }

        to {
            width: 70%;
            margin-top: 10%;
        }
    }

    @-o-keyframes popup_videoShow /* Opera */
    {
        from {
            width: 0;
            margin-top: 33%;
        }

        to {
            width: 70%;
            margin-top: 10%;
        }
    }
}

@media screen and ( max-width: 767px ) {
    /* 全局调用 Start*/
    .dispalyBlockMax736 {
        display: block;
    }

    .dispalyNoneMax736 {
        display: none;
    }

    .dispalyInlineNoneMax736 {
        display: none;
    }

    .dispalyInlineBlockMax736 {
        display: inline;
    }

    .popup_videoWrap {
        width: 90%;
        margin: 0 auto;
        position: relative;
        top: 50%;
        transform: translateY(-48%);
        animation: popup_videoShowPhone .5s;
        -moz-animation: popup_videoShowPhone .5s; /* Firefox */
        -webkit-animation: popup_videoShowPhone .5s; /* Safari 和 Chrome */
        -o-animation: popup_videoShowPhone .5s; /* Opera */
    }


    .popup_videoPlayer img {
        width: 56px !important;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -40px;
        margin-left: -26px;
        opacity: 0.8;
        cursor: pointer;
    }

    .popup_videoClose {
        width: 23px;
        top: -25px;
        right: -2px;
    }

    @keyframes popup_videoShowPhone {
        from {
            width: 0;
        }

        to {
            width: 90%;
        }
    }

    @-moz-keyframes popup_videoShowPhone /* Firefox */
    {
        from {
            width: 0;
        }

        to {
            width: 90%;
        }
    }

    @-webkit-keyframes popup_videoShowPhone /* Safari 和 Chrome */
    {
        from {
            width: 0;
        }

        to {
            width: 90%;
        }
    }

    @-o-keyframes popup_videoShowPhone /* Opera */
    {
        from {
            width: 0;
        }

        to {
            width: 90%;
        }
    }
}