@charset "UTF-8";

/****** @override 腾讯视频样式 ******/

/* 控制器主体 */
.tvp_controls {
    height: 48px!important;
    background-color: rgba(0, 0, 0, .6)!important;
}

.tvp_controls_hide .tvp_controls {
    bottom: -48px!important;
}

/* 上次播放到xx，为你继续播放提示 */
.tvp_overlay_tips {
    bottom: 48px!important;
    background-color: transparent!important;
}

.tvp_controls_hide .tvp_overlay_tips {
    bottom: 0!important;
}

/* 按钮 */
.tvp_btn_value {
    background: none!important;
    border: 0!important;
    width: 20px!important;
    height: 20px!important;
    background-size: 134px 40px!important;
    margin: 0px!important;
    background-image: url(https://rescdn.qqmail.com/weread/cover/icon/WREpubMPVideo.png)!important;
}

.tvp_pause .tvp_btn_value {
    background-position: 40px 0!important;
}

.tvp_play .tvp_btn_value {
    background-position: 20px 0!important;
}

/* 预加载的滑块轨道 */
.tvp_time_loaded {
    background-color: rgb(128, 128, 128)!important;
}

/* 已经播放过的滑块轨道 */
.tvp_time_current {
    background-color: #fff!important;
}

.tvp_time_loaded, .tvp_time_current {
    top: 0!important;
}

/* 时间显示器 */
.tvp_time_panel {
    width: 100%!important;
}

/* 进度条 */
.tvp_time_total {
    width: 58%!important;
    left: 21%!important;
    top: 23px!important;
    height: 2px!important;
}

/* 滑块handle */
.tvp_time_handle {
    top: -16px!important;
    background-color: transparent!important;
    background-size: 134px 40px!important;
    background-image: url(https://rescdn.qqmail.com/weread/cover/icon/WREpubMPVideo.png)!important;
    background-position: 90px 0!important;
}

.tvp_time_handle:after {
    background: none!important;
}

/* 正在播放的时间和总时间： 00:05/03:06 */
.tvp_time_panel .tvp_time_panel_current,
.tvp_time_panel .tvp_time_panel_total {
    font-size: 12px!important;
    color: #fff!important;
    position: relative!important;
    top: -15px!important;
    font-family: Helvetica!important;
}

/* 播放总时间 */
.tvp_time_panel .tvp_time_panel_total {
    float: right!important;
}

/* 正在播放的时间和总时间的分割线 */
.tvp_time_panel .tvp_time_panel_split {
    display: none!important;
}

/* 全屏按钮 */
.tvp_fullscreen_button button:before,
.tvp_fullscreen_button button:after,
.tvp_fullscreen_button .tvp_btn_value:before,
.tvp_fullscreen_button .tvp_btn_value:after {
    display: none!important;
}

.tvp_fullscreen_button {
    position: relative;
}

.tvp_fullscreen_button button {
    background-image: url(https://rescdn.qqmail.com/weread/cover/icon/WREpubMPVideo.png)!important;
    width: 20px!important;
    height: 20px!important;
    background-size: 134px 40px!important;
    background-position: 60px 0!important;
    display: block!important;
    top: 50%!important;
    left: 50%!important;
    margin: -10px 0 0 -10px!important;
    position:absolute!important;
}

/* 广告 */
.tvp_ads_go,
.tvp_app_download_onpause {
    display: none!important;
}

/* 全屏的播放控制器 */
.tvp_overlay_play {
    width: 100%!important;
    height: 100%!important;
    bottom: 0!important;
    background-color: rgba(0, 0, 0, 0.6)!important;
}

.tvp_overlay_play .tvp_button_play {
    background-color: transparent;
    width: 40px!important;
    height: 40px!important;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    background-size: 134px 40px!important;
    background-image: url(https://rescdn.qqmail.com/weread/cover/icon/WREpubMPVideo.png)!important;
    background-position: 0px 0;
    border: none!important;
}

/* 播放器按钮 */
.tvp_playpause_button,
.tvp_fullscreen_button {
    width: 35px;
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
    /* iPhone6 尺寸 */
    .tvp_time_total {
        width: 60%!important;
        left: 20%!important;
    }

    .tvp_playpause_button,
    .tvp_fullscreen_button {
        width: 40px!important;
    }
}

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
    /* iPhone6P 尺寸 */
    .tvp_time_total {
        width: 64%!important;
        left: 18%!important;
    }

    .tvp_playpause_button,
    .tvp_fullscreen_button {
        width: 50px!important;
    }
}