body{background:#F2F2F2}
.course-list .time-label{position:absolute;right:25px;top:25px;height:20px;line-height:20px;font-size:12px;color:#fff;padding:0 3px;visibility:hidden;background-color:#000;background-color:rgba(0,0,0,0.5);opacity:0;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);-webkit-transition:.3s;transition:.3s}
.course-list .playericon{position:absolute;z-index:120;width:50px;height:50px;display:block;left:50%;margin-left:-25px;top:50%;margin-top:-25px;background:url("/img/player_icon_5c67475.png") 0 0 no-repeat;cursor:pointer;background-size:50px 50px;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);-webkit-transition:.3s;transition:.3s}
.course-list-img:hover{background:rgba(0,0,0,.4)}
.container{width:100%}
.container li{list-style:none}

.course-view-box {height: calc(100vh - 0px);}
.course-view-box .video-title{}
.course-view-box #course_video_container {margin:0 20px 0;}
.course-view-box #course_video_container .uplayer{width: 100%;height: calc(100vh - 70px);}
.course-view-box #course_video_container #my_video{width:100%;height:100%}
#course_detail_left_container{font-size:14px;padding:0;}
#course_detail_left_container .subscribers{margin-right:20px}
#course_detail_left_container .course-intro-item {margin-top: 5px;}
#course_detail_left_container .course-intro-item .course-intro-item-content{padding:20px;}
#course_detail_left_container .course-intro-item .course-intro-item-content img {max-width: 100%;}
#course_detail_left_container .course-intro-item .course-list-content{padding:20px 0;}
#course_detail_left_container .course-intro-item .course-list-content .course-list-item{padding: 0 20px;overflow: hidden;  text-overflow:ellipsis;    whitewhite-space: nowrap;}
#course_detail_left_container .course-intro-item .course-list-content .course-title{overflow: hidden;  text-overflow:ellipsis;whitewhite-space: nowrap;max-height: 48px;}
#course_detail_left_container .course-intro-item .course-intro-meta {font-size: 18px;font-weight: normal;background: #f7f7f7;padding:0 20px;line-height: 40px;color: #777;border-left: solid 2px #188eee;}
.hero_bkgd.course .course_info{width:23%;float:right;padding:0;height:464px;margin-right:0;}
.hero_bkgd.course .course_info .panel_group{padding:20px}
.course.hero_bkgd .panel_group .collapse.panel_collapse{display:block;height:100%}
.hero_bkgd.course {padding:0;margin:0;}
.hero_bkgd.course .banner .container{padding:10px}
.hero_bkgd.course .banner .bannertxt{width:80%}
.hero_bkgd.course .banner .zmsbtn{width:20%;position:absolute;right:20px;top:0}
.inner .table_clumn a:hover{text-decoration:none}
.recommended{margin-bottom:40px}
.ie8 .recommended .software_subcategory_listings .course_boxes{margin-right:20px}
.ie7 .recommended .software_subcategory_listings .course_boxes{margin-right:20px}
.ie6 .recommended .software_subcategory_listings .course_boxes{margin-right:10px}
.recommended .software_subcategory_listings .course_boxes .course_info_software{padding:5px}
.recommended .software_subcategory_listings .course_thumbs .scale{width:100%;height:150px}
.recommended .software_subcategory_listings .course_thumb_info{padding:0}
.course_intro{height:344px;width:100%}
.course_intro #pt{text-overflow:ellipsis;}
.course_intro .course_intro_content{height:294px;background:#fff;padding:10px 0}
.course_intro .course_intro_content .course_intro_img{width:49%;height:100%;float:left}
.course_intro .course_intro_content .course_intro_img img{width:100%;max-height:100%}
.course_intro_img {position: relative;}
.course_intro_img i{font-size: 94px;position: absolute;top:50%;left:50%;width:94px;height:94px;margin-top:-47px;margin-left:-47px;-webkit-text-fill-color: #2b2323;}
.course_intro .course_intro_content .course_intro_right{width:49%;height:100%;float:right;position: relative;}
.course_intro .course_intro_content .course_intro_right h2{font-size:22px;line-height:1.2;margin-bottom:10px;font-weight:normal}
.course_intro .course_intro_content .course_intro_right .intro{border:1px solid #e5e5e5;padding:5px;margin:10px 0;font-size:14px;height:40px;overflow:hidden}
.course_intro .course_intro_content .course_intro_right .price{height:40px;font-size:22px;padding:0 10px;margin-bottom:10px;line-height:40px}
.course_intro .course_intro_content .course_intro_right .price .free{color:#5fb41b}
.course_intro .course_intro_content .course_intro_right .price .pricenum{color:#e85308}
.course_intro .course_intro_content .course_intro_right .price .pricenum select{color:#e85308;font-size:14px}
.course_intro .course_intro_content .course_intro_right .zmsbtn{width:100%;height:50px}
.course_intro .course_intro_content .course_intro_right .zmsbtn a{width:150px;height:50px;font-size:18px;border-radius:2px;background:#188eee;color:#fff;display:block;float:left;text-align:center;line-height:50px;margin-left:10px;}
.course_intro .course_intro_content .course_intro_right .zmsbtn a.chat_seller{background:#fff;border:solid 1px #188eee;color:#188eee;width:148px;height:48px}
.course_index_content{margin-top:20px}
.course_listings{width:72.5%;float:left;background:#fff}
.course_author_info{width:22.5%;min-height:1px;float:right;background:#fff;padding: 20px;}
.pure-menu-link {font-size: 18px;text-decoration: none;}
.pure-menu-link:hover {font-size: 18px;text-decoration: none;}
.views-icon {height: 14px;width:14px;line-height: 22px;}
.video-title a {color: #DADADA}
.pure-menu-item.on {border-bottom:solid 1px #188eee;color: #188eee}
.pure-menu-item.on a{color: #188eee}
#course-reply .avatar img {width:40px;height: 40px;border-radius: 20px;}
#course-reply .reply-item  {margin-bottom: 10px;}
#course-reply .reply-content {padding:3px 0 10px 0;}
#course-reply .username {color: #5fb41b;font-weight: bolder;}
#course-reply .time {color: #9e9a9a}
#course-reply .reply-action, #course-reply .reply-action a{color: #9e9a9a}
#course-reply .reply-box {}
#course-reply .reply-box .btn-success{
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
    background: #188eee;
    color: #fff;
    margin:5px;
}
#course-reply .reply-box textarea {    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    border-radius: 2px;
    width: 100%;
    border: 1px solid #ccc;
    padding: 6px 12px;
    font-size: 14px;
}
.more-reply {text-align:center;}
.price-num{color: #e85308;height: 28px;line-height: 28px;}
.learn-num{color: #999;height: 28px;line-height: 28px;}
.share-component {height: 40px;width:100%;overflow: hidden;margin-top: 20px;}
.pure-menu-selected {border-bottom: solid 1px #188eee;}
#course-video-list a:hover{text-decoration: none; }
#course-video-list .list{height: 48px;line-height: 48px;font-size: 16px;}
#course-video-list .list .list-circle{line-height: 16px;text-align: center;}
#course-video-list .list .list-circle .line-bottom{background-color: #cdcdcc;width: 2px;height: 16px;}
#course-video-list .list .list-circle .line-top{background-color: #cdcdcc;width: 2px;height: 16px;}
#course-video-list .radio-top {height: 33%;width: 100%;background: red;}
#course-video-list .ion-logo-youtube {font-size: 20px;line-height: 48px;}
#course-video-list .ion-md-stats {font-size: 28px;line-height: 48px;}
#course-video-list .video-type {color: #cdcdcd;}

.course_list{padding:0;}
.course_list ul li i{padding-top:8.4px;}
.zmscourse_info .teacherinfo{width:100%;height:auto;overflow: hidden;}
.zmscourse_info .teacherinfo a:hover{color:#009aff}
.zmscourse_info .teacherinfo a h2{font-weight:normal;font-size:18px;line-height:1.2;color:#ccc;padding:10px 0}
.zmscourse_info .teacherinfo span{font-size:14px;color:#ccc;padding:10px 0;}
.zmscourse_info .teacherinfo span a{font-size:14px;color:#ccc}
.zmscourse_info  .courselist_title{height:50px;font-size:16px;width:100%;text-align:center;margin-top:20px;color:#ccc}
.zmscourse_info  .courselist .zmstable{width:160px;height:50px;float:left;line-height:50px}
.zmscourse_info  .courselist .zmstable a{color:#ccc}
.zmscourse_info  .courselist .ccshow{border-bottom:1px solid #009aff}
.zmscourse_info  .courselist .course_list{width:100%}
.zmscourse_info  .courselist .course_list ul{width:100%;display:block;overflow:auto;height:calc(100vh - 110px);}
.zmscourse_info  .courselist .course_list ul li{height:41px;font-size:14px;color:#ccc;line-height:41px;position:relative;overflow:hidden;}
.zmscourse_info  .courselist .course_list ul li.playing a{color:#009aff}
.zmscourse_info  .courselist .course_list ul li a{color:#ccc;text-decoration:none}
.zmscourse_info  .courselist .course_list ul li a:hover{color:#009aff}
.zmscourse_info  .courselist .course_list ul li .vdeio_length{position:absolute;right:40px}
.zmscourse_info  .courselist .comments ul{overflow:auto;width:100%;padding-left:20px;min-height:300px;max-height:560px;display:block}
.zmscourse_info  .courselist .comments ul li{height:41px;font-size:14px;color:#ccc;line-height:41px;overflow:hidden}
.zmscourse_info  .courselist .comments ul li a{color:#ccc;text-decoration:none}
.zmscourse_info  .courselist .commentsb ul li a:hover{color:#009aff}
.zmscourse_info .arrow-hide{background:url(../../img/arrow.png);cursor:pointer;height:42px;margin-top:-21px;position:absolute;top:50%;left:-10px;width:15px}
.zmscourse_info .arrow-show{background:url(../../img/arrow.png);cursor:pointer;height:42px;margin-top:-21px;position:absolute;background-position:0 -42px;top:50%;left:-10px;width:15px}
a.course_downfiles{background:#009aff;border-radius:5px;font-size:16px;margin-right:20px;padding:10px 0;color:#fff;z-index:999}
a.course_downfiles:hover{color:#fff}
.pv-video-player {position: absolute;}
#course_video_container h3{position:absolute;top:50%;left:50%;font-size:22px;width:300px;margin-left:-150px;margin-top:-11px;}