.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_video_container{width:75%;float:left;padding-left:10px}
#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 .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 .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:69.5%;float:left;background:#fff}
.course_author_info{width:25%;min-height:500px;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 .ion-md-musical-notes {font-size: 28px;line-height: 48px;}
#course-video-list .video-type {color: #cdcdcd;}
.course_intro_img i{position:absolute;left:50%;top:50%;cursor:pointer;width:132px;height:44px;line-height:44px;text-align:right;padding-right:20px;font-size:16px;font-weight:700;color:#fff;box-sizing:border-box;margin-top:-22px;margin-left:-66px;}
.course_intro_img i.free-trying-learn {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAAAsCAMAAACT1eAWAAABPlBMVEX////////////////////////////////////////////////////+/v7T09OampplZWU6OjoXFxcKCgoAAAD////////q6uqLi4smJib////////w8PB9fX0ICAj///+6urobGxu4uLj////8/Px7e3v4+PhdXV1fX196enr///////+2trb////u7u7////o6OgGBgbn5+ebm5sCAgIkJCT39/f////Ozs4cHBzt7e1VVVX///+ZmZn8/PyXl5fMzMwZGRn///84ODjs7OxRUVEZGRn7+/uTk5P////Hx8fLy8v8/PyZmZnu7u5ZWVnQ0NAgICD9/f2dnZ3T09Pv7+9dXV3S0tIiIiKhoaG4uLi2trb///95eXn////7+/v///////9aWlpcXFz7+/v////w8PAjIyP///////+7t85YAAAAanRSTlMAAilRdY6hqa0zcTyAraSYjoiDgYASd6iVhT6gqpOBaJ6Enm2sk6uOjpKiFJ54qoGogOm4gIX4/9eH7plTmPy21YaQiO2Yg/y0qtHU/bfvm9eI/bmj8ZzZibudnROSo6w/ao2NrWmphDRyqLNc2QAAAfpJREFUeAHF2AOa5FAUBeBbVcEp65Ze27ZtjT3Ttva/gEHaHcyn3Pev4CTPh16JRGOGadkIiW2ZRiwaoSDxBEQk4uQnmQLSmWwuXyhySIqFfC6bSQOpJHkplYFKtcYCatUKUC6Ri6pDfUMjC2lsqIel6JUmoLmFBbW0Ak30QhvaO1hYRzvaXv6Hzi4W19X5/F8otHezBt3tUHSvZKGHtehBbx/dKaOVNenHADkU6ltYk8Lg/YAMoYO16cGQc15geIS1GRlGnIgSqLLL6Ng4y6giQRRBeoJdJqemZ1jERBoRiiLDXiGmZudYRAZRmseCd4ipxSWWkEWMDOS8Q/y1vMLhy8GgVaz5hpha3+DQrWGVLGz6h5ja2uawbcKiHTT6hXC84ZA1Yue/Id5KhAgejnfvJYYjeGJ++CgyMQOX6KfPQkvUf7P68nVcarOK4pt3iO8/xLZt3wPs5y+5A8znKF/fFT3KKY5KI2vTWIHzOE6hgbXpQIr+SaJ+kzXZrIciRxl7rMk+ynTnQNvj5xBHfXRP4VjPM/AYJ/ToFJ1nLO68E6cvq4EL8RHpuUAbvXAJ7MmWJP3AJb2iLFx1yNVFHVfoVeRy4BRn1yzg2inO+siLcirEhVy+MMIhGSnkcwtOhajIz80tRNzeUJBIdN4we3cQkp1e05h31cp/AAO6tElGuqLgAAAAAElFTkSuQmCC) no-repeat;}
.course-index-live-clock {font-weight: bolder;}
.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;}