.kr-video-detail {padding:30px 0 106px}
.kr-video-detail .video-detail-header .header-left {float:left;width:690px}
.kr-video-detail .video-detail-header .header-left .video-title {line-height:42px;font-size:30px;font-weight:700;color:#262626}
.kr-video-detail .video-detail-header .header-left .video-msg {height:20px;line-height:20px;margin:20px 0 40px;font-size:14px;color:#787878}
.kr-video-detail .video-detail-header .header-left .video-msg span {float:left;margin-right:13px}
.kr-video-detail .video-detail-header .header-left .video-msg span a {color:#4285f4}
.kr-video-detail .video-detail-header .header-left .video-msg span.video-tag {padding:0 10px;font-size:13px;background-color:#373737;color:#fff}
.kr-video-detail .video-detail-header .header-right {float:right;width:300px}
.kr-video-detail .video-detail-header .header-right .video-author {display:block;position:relative;padding-left:75px}
.kr-video-detail .video-detail-header .header-right .video-author:hover .author-name {color:#4d7fd0}
.kr-video-detail .video-detail-header .header-right .video-author .author-avatar {position:absolute;top:0;left:0;height:60px;width:60px;border-radius:50%;background:no-repeat 50% #edf1f4;background-size:cover}
.kr-video-detail .video-detail-header .header-right .video-author .author-avatar.author-no-avatar {background-size:48px 26px}
.kr-video-detail .video-detail-header .header-right .video-author .author-name {font-size:16px;color:#262626;font-weight:700;-webkit-transition:.5s;transition:.5s}
.kr-video-detail .video-detail-header .header-right .video-author .author-desc {font-size:13px;color:#787878}
.kr-video-detail .video-detail-player {height:517px}
.kr-video-detail .video-detail-player .video-wraper {position:relative;float:left;width:690px;height:100%}
.kr-video-detail .video-detail-player .video-wraper .video {height:100%;width:100%;background-color:#000}
.kr-video-detail .video-detail-player .video-wraper .video-poster {position:absolute;z-index:1;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;top:0;left:0;height:100%;width:100%;background-color:#000}
.kr-video-detail .video-detail-player .video-wraper .video-poster .top {height:30px;background:url(../images/look-future.cce008c0.png) no-repeat 50%;background-size:auto 100%}
.kr-video-detail .video-detail-player .video-wraper .video-poster .bottom {height:30px;background:url(../images/video-loading.901790ed.png) no-repeat 50%;background-size:60% auto;-webkit-animation:breathe 1.5s linear infinite alternate;animation:breathe 1.5s linear infinite alternate}

.kr-video-detail .video-detail-player .video-wraper iframe {width: 100% !important;height: 100% !important;}

.kr-video-detail .video-detail-player .vider-recent-wraper {float:right;width:340px;height:100%;background-color:#262626}
.kr-video-detail .video-detail-player .vider-recent-wraper .recent-title {font-size:20px;line-height:28px;padding:25px 30px 15px;color:#fff;font-weight:700}
.kr-video-detail .video-detail-player .vider-recent-wraper .recent-list {height:329px;overflow-y:auto}
.kr-video-detail .video-detail-player .vider-recent-wraper .recent-list .no-recent {text-align:center;font-size:13px;color:#666;margin-top:30px}
.kr-video-detail .video-detail-player .vider-recent-wraper .recent-list .recent-item {padding:10px 30px}
.kr-video-detail .video-detail-player .vider-recent-wraper .recent-list .recent-item:hover {background-color:#333}
.kr-video-detail .video-detail-player .vider-recent-wraper .recent-list .recent-item .recent-link {display:block;position:relative;height:62px;padding-left:120px}
.kr-video-detail .video-detail-player .vider-recent-wraper .recent-list .recent-item .recent-link .avatar {position:absolute;top:0;left:0;height:62px;width:110px;background:no-repeat 50% #edf1f4;background-size:cover}
.kr-video-detail .video-detail-player .vider-recent-wraper .recent-list .recent-item .recent-link .title {height:50px;line-height:18px;font-size:13px;color:#fff}
.kr-video-detail .video-detail-player .vider-recent-wraper .recent-list .recent-item .recent-link .time {font-size:12px;color:#787878;line-height:12px}
.kr-video-detail .video-detail-player .vider-recent-wraper .video-more-btn {display:block;height:40px;line-height:40px;font-size:14px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;background-color:#4285f4;border-radius:2px;margin:40px 30px;position:relative}
.kr-video-detail .video-detail-player .vider-recent-wraper .video-more-btn span {z-index:2;position:relative}
.kr-video-detail .video-detail-player .vider-recent-wraper .video-more-btn:hover:after {content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.12);position:absolute;top:0;left:0;z-index:1}
.kr-video-detail .video-detail-footer {width:690px}
.kr-video-detail .video-desc {min-height:24px;margin-top:20px;font-size:16px;color:#787878}
@-webkit-keyframes breathe {
    0% {opacity:.3}
    to {opacity:1}
}
@keyframes breathe {
    0% {opacity:.3}
    to {opacity:1}
}




@media screen and (max-width:1024PX) {
    
    .kr-video-detail {padding:30px 3% 2rem}
    .kr-video-detail .video-detail-header .header-left {float: none;width:100%}
    .kr-video-detail .video-detail-header .header-left .video-title {line-height:1.6;font-size:20px;}
    .kr-video-detail .video-detail-header .header-left .video-msg {height:20px;line-height:20px;margin:20px 0 40px;font-size:14px;color:#787878}
    .kr-video-detail .video-detail-header .header-left .video-msg span {float:left;margin-right:13px}
    .kr-video-detail .video-detail-header .header-left .video-msg span a {color:#4285f4}
    .kr-video-detail .video-detail-header .header-left .video-msg span.video-tag {padding:0 10px;font-size:13px;background-color:#373737;color:#fff}
    .kr-video-detail .video-detail-header .header-right {float:none;width:100%}
    .kr-video-detail .video-detail-header .header-right .video-author {display:block;position:relative;padding-left:75px}
    .kr-video-detail .video-detail-header .header-right .video-author:hover .author-name {color:#4d7fd0}
    .kr-video-detail .video-detail-header .header-right .video-author .author-avatar {position:absolute;top:0;left:0;height:60px;width:60px;border-radius:50%;background:no-repeat 50% #edf1f4;background-size:cover}
    .kr-video-detail .video-detail-header .header-right .video-author .author-avatar.author-no-avatar {background-size:48px 26px}
    .kr-video-detail .video-detail-header .header-right .video-author .author-name {font-size:16px;color:#262626;font-weight:700;-webkit-transition:.5s;transition:.5s}
    .kr-video-detail .video-detail-header .header-right .video-author .author-desc {font-size:13px;color:#787878}
    .kr-video-detail .video-detail-player {height:auto;}
    .kr-video-detail .video-detail-player .video-wraper {position:relative;float:none;width:100%;height:auto}
    .kr-video-detail .video-detail-player .video-wraper .video {height:auto;width:100%;background-color:#000}
    .kr-video-detail .video-detail-player .video-wraper .video-poster {position:absolute;z-index:1;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;top:0;left:0;height:100%;width:100%;background-color:#000}
    .kr-video-detail .video-detail-player .video-wraper .video-poster .top {height:30px;background:url(../images/look-future.cce008c0.png) no-repeat 50%;background-size:auto 100%}
    .kr-video-detail .video-detail-player .video-wraper .video-poster .bottom {height:30px;background:url(../images/video-loading.901790ed.png) no-repeat 50%;background-size:60% auto;-webkit-animation:breathe 1.5s linear infinite alternate;animation:breathe 1.5s linear infinite alternate}
    .kr-video-detail .video-detail-player .vider-recent-wraper {float:none;display: none; }
    .kr-video-detail .video-detail-player .vider-recent-wraper .recent-title {font-size:20px;line-height:28px;padding:25px 30px 15px;color:#fff;font-weight:700}
    .kr-video-detail .video-detail-player .vider-recent-wraper .recent-list {height:329px;overflow-y:auto}
    .kr-video-detail .video-detail-player .vider-recent-wraper .recent-list .no-recent {text-align:center;font-size:13px;color:#666;margin-top:30px}
    .kr-video-detail .video-detail-player .vider-recent-wraper .recent-list .recent-item {padding:10px 30px}
    .kr-video-detail .video-detail-player .vider-recent-wraper .recent-list .recent-item:hover {background-color:#333}
    .kr-video-detail .video-detail-player .vider-recent-wraper .recent-list .recent-item .recent-link {display:block;position:relative;height:62px;padding-left:120px}
    .kr-video-detail .video-detail-player .vider-recent-wraper .recent-list .recent-item .recent-link .avatar {position:absolute;top:0;left:0;height:62px;width:110px;background:no-repeat 50% #edf1f4;background-size:cover}
    .kr-video-detail .video-detail-player .vider-recent-wraper .recent-list .recent-item .recent-link .title {height:50px;line-height:18px;font-size:13px;color:#fff}
    .kr-video-detail .video-detail-player .vider-recent-wraper .recent-list .recent-item .recent-link .time {font-size:12px;color:#787878;line-height:12px}
    .kr-video-detail .video-detail-player .vider-recent-wraper .video-more-btn {display:block;height:40px;line-height:40px;font-size:14px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;background-color:#4285f4;border-radius:2px;margin:40px 30px;position:relative}
    .kr-video-detail .video-detail-player .vider-recent-wraper .video-more-btn span {z-index:2;position:relative}
    .kr-video-detail .video-detail-player .vider-recent-wraper .video-more-btn:hover:after {content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.12);position:absolute;top:0;left:0;z-index:1}
    .kr-video-detail .video-detail-footer {width:100%}
    .kr-video-detail .video-desc {min-height:24px;margin-top:20px;font-size:16px;color:#787878}

    .kr-plugin-comment .comment-part-title {margin-top: 1rem;}
    

}