@media only screen {
        .image_placeholder {
            display: block;
            padding-top: 66%;
            margin-bottom: -1px
        }
        .mp_player {
            position: relative;
            overflow: hidden;
            background-color: #000;
        }
        .mp_player .mp_video_cover {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0
        }
        .mp_player_placeholder {
            display: block;
            padding-top: 56.25%;
            height: 0
        }
        .mp_hidden {
            display: none
        }
        .mp_video_containter,
        .mp_video_cover,
        .mp_controls,
        .mp_video_containter video,
        .mp_video_containter object {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            user-select: none;
            -webkit-user-select: none;
            height: 100%;
            width: 100%
        }
        .mp_video_containter video {
            object-fit: cover
        }
        .mp_video_cover {
            background: none 50% 50% no-repeat;
            background-size: cover;
            transition: opacity .5s;
            -webkit-transition: opacity .5s;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }
        .mp_video_play {
            background: url(../images/W.png) 50% 0 no-repeat;
            background-size: 100%;
            width: 140px;
            height: 140px;
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -70px 0 0 -70px;
            cursor: pointer;
            -webkit-transition: opacity .3s ease;
            transition: opacity .3s ease;
            opacity: 1
        }
        .mp_video_play:hover {
            background-position: 0 100%
        }
        @keyframes loading {
            0% {
                transform: rotate(0deg);
                -webkit-transform: rotate(0deg)
            }
            100% {
                transform: rotate(360deg);
                -webkit-transform: rotate(360deg)
            }
        }
        .mp_controls {
            transition: opacity .35s cubic-bezier(0.0, 0.0, 0.2, 1);
            -webkit-transition: opacity .35s cubic-bezier(0.0, 0.0, 0.2, 1);
            opacity: 0;
            display: none
        }
        .mp_player_fullscreen .mp_controls {
            z-index: 2147483647;
            display: block!important;
            opacity: 1!important
        }
        .mp_player_fullscreen {
            position: fixed!important;
            margin: 0!important;
            padding: 0!important;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            z-index: 6000;
            display: block!important
        }
        .mp_control_bar {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 40px;
            transition: opacity .35s cubic-bezier(0.0, 0.0, 0.2, 1);
            -webkit-transition: opacity .35s cubic-bezier(0.0, 0.0, 0.2, 1)
        }
        .mp_progress_bar_wrap {
            position: absolute;
            left: 20px;
            right: 20px;
            top: -20px;
            height: 35px;
            cursor: pointer
        }
        .mp_progress_bar {
            position: absolute;
            left: 0;
            right: 0;
            top: 14px
        }
        .mp_progress_bg {
            height: 5px;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            display: block;
            transform: scaleY(0.6);
            transition: transform .1s cubic-bezier(0.4, 0.0, 1, 1);
            -webkit-transform: scaleY(0.6);
            -webkit-transition: -webkit-transform .1s cubic-bezier(0.4, 0.0, 1, 1);
            background: url(../images/1n.png) 0 0 repeat;
            background: rgba(255, 255, 255, .2)
        }
        .mp_progress_bar_mouse_over .mp_progress_bg,
        .mp_dragging .mp_progress_bg {
            transform: scaleY(1);
            -webkit-transform: scaleY(1)
        }
        .mp_progress_loaded_bg {
            right: auto;
            background: rgba(255, 255, 255, .3)
        }
        .mp_progress_seek_bg {
            right: auto
        }
        .mp_progress_played_seek_bg {
            left: auto;
            background: rgba(0, 0, 0, .125)
        }
        .mp_progress_played {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0
        }
        .mp_scrubber {
            display: block;
            position: absolute;
            width: 12px;
            height: 12px;
            top: -4px;
            right: -6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            transform: scale(.1);
            transition: transform .1s cubic-bezier(0.4, 0.0, 1, 1);
            -webkit-transform: scale(.1);
            -webkit-transition: -webkit-transform .1s cubic-bezier(0.4, 0.0, 1, 1)
        }
        .mp_touch .mp_scrubber,
        .mp_progress_bar_mouse_over .mp_scrubber,
        .mp_dragging .mp_scrubber {
            transform: scale(1);
            -webkit-transform: scale(1)
        }
        .mp_scrubber_timer {
            padding: 8px 12px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            font-style: normal;
            font-size: 12px;
            color: #fff;
            position: absolute;
            bottom: 100%;
            margin-bottom: 6px;
            background: #333;
            background: rgba(0, 0, 0, .5);
            transform-origin: 50% 100%;
            transform: scale(0);
            transition: transform .15s, opacity .15s;
            -webkit-transform-origin: 50% 100%;
            -webkit-transform: scale(0);
            -webkit-transition: -webkit-transform .15s, opacity .15s;
            pointer-events: none;
            display: none;
            opacity: 0
        }
        .mp_progress_bar_mouse_over .mp_scrubber_timer,
        .mp_dragging .mp_scrubber_timer {
            transform: scale(1);
            -webkit-transform: scale(1);
            display: block;
            opacity: 1
        }
        .mp_control_button_wrap {
            color: #fff;
            padding: 0 12px
        }
        .mp_control_button_right {
            float: right
        }
        .mp_time_wrap,
        .mp_control_item {
            color: #fff;
            padding: 8px 10px 12px;
            position: relative;
            float: left;
            line-height: 20px
        }
        .mp_time_wrap {
            padding-left: 0;
            font-size: .9em;
            pointer-events: none
        }
        .mp_control_item {
            cursor: pointer;
            opacity: .8;
            transition: opacity .2s;
            -webkit-transition: opacity .2s
        }
        .mp_control_item:hover {
            opacity: 1
        }
        .mp_living_text {
            cursor: default;
            pointer-events: none;
            opacity: 1;
            display: none
        }
        .mp_control_item .mp_button {
            background: url(../images/1g.png) 0 0 no-repeat;
            background-size: 100%;
            width: 20px;
            height: 20px;
            display: block
        }
        .mp_fullscreen .mp_button {
            background-position: 0 -60px
        }
        .mp_player_fullscreen .mp_fullscreen .mp_button {
            background-position: 0 -80px
        }
        .mp_player_playing .mp_button_play .mp_button {
            background-position: 0 -20px
        }
        .mp_player_loading .mp_video_loading,
        .mp_played .mp_controls {
            display: block
        }
        .mp_played .mp_controls {
            pointer-events: all
        }
        .mp_played .mp_video_play,
        .mp_played .mp_video_cover,
        .mp_player_idle .mp_controls {
            display: none;
            pointer-events: none
        }
        .mp_played .mp_controls {
            opacity: 1
        }
        .mp_player_loading .mp_video_loading {
            opacity: 1;
            -webkit-animation: loading 1s steps(12, end) infinite both;
            animation: loading 1s steps(12, end) infinite both
        }
        .mp_played .mp_video_play,
        .mp_played .mp_video_cover,
        .mp_player_idle .mp_controls {
            opacity: 0;
            display: block
        }
    }
    
    @media only screen and (max-width:500px) {
        .mp_video_loading {
            width: 40px;
            height: 40px;
            margin: -20px 0 0 -20px
        }
    }
    
    .mp_no_controls .mp_controls,
    .mp_no_controls .mp_video_play {
        display: none
    }
    
    .player_autoplay.mp_player_playing .mp_controls,
    .player_autoplay.mp_player_playing .mp_video_play {
        opacity: 0;
        pointer-events: none
    }
    
    @media only screen and (max-width:414px) {
        .mp_video_play {
            width: 55px;
            height: 55px;
            margin: -28px 0 0 -28px
        }
    }
    
    @media only screen and (max-width:700px) {
        .video_play {
            width: 100px;
            height: 100px;
            margin: -50px 0 0 -50px
        }
    }
    
    @media only screen and (max-width:480px) {
        .video_play {
            width: 60px;
            height: 60px;
            margin: -30px 0 0 -30px
        }
    }