/* 网课样式 */
.maLR {
    margin: 0 21px;
}

.cr-nav {
    text-align: center;
    padding: 40px 0 40px 0;
    background: #f1f1f1;
}
.cr-nav .cr-nav-class {
    width: 40%;
    argin: 0 2%;
    text-align: center;
    display: inline-block;
}
.cr-nav .cr-nav-class span {
    display: inline-block;
    margin-bottom: 20px;
    width: 150px;
    height: 100px;
    border-radius: 100%;
    color: #fff;
    font-size: 18px;
    padding-top: 50px;
    line-height: 24px;
}
.cr-nav .cr-nav-class span.selected {
    background: #257fb5;
}
.cr-nav .cr-nav-class span.unselected {
    border: 1px solid #444;
    color: #444;
}

.ad {
    margin-top: 20px;
    background: #f1f1f1;
    height: 150px;
    line-height: 150px;
    text-align: center;
}
.ad img {
    width: 1200px;
    height: 150px;
}



.cr-content-box {
    position:relative;
    border: 1px solid #e1e1e1;
    width: 364px;
    height: 410px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-top: 20px;
}
.cr-content-box h2 {position:absolute; top:210px; padding-left:12px; height:40px; width:352px; line-height:40px; font-size:16px; color:#fff; background-color:#000;  opacity:0.5; alpha(opacity:50;) left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.free-subject{position:absolute; top:10px; right:10px; width:50px; height:25px; line-height:25px; background-color:#078FDF; text-align:center; font-size:14px; color:#fff;}
.free-subject a:link,.free-subject a:visited{color:#fff; text-decoration:none;}
.free-subject a:hover,.free-subject a {color:#fff;}


.cr-image {
    width: 364px;
    height: 240px;
}
.cr-image img {
    width: 100%;
    height: 100%;
}

.cr-play-bt {display:block; position:absolute; top:100px; left:162px; width:40px; height:40px; background:url(../images/play_bt.png) no-repeat; _background:url(../images/play_bt.png) no-repeat; text-indent:-9999px; cursor: pointer; z-index:1;}

.cr-content-box dl{margin-top:10px; width:364px; font-size:14px; line-height: 32px; color:#393939; text-align: left;}
.cr-content-box dt{float:left;}
.cr-content-box dd{width: 294px; white-space: nowrap; height: 32px; overflow: hidden; text-overflow: ellipsis;}
.cr-content-box dd span{padding-right:10px;}

.cr-listen-bt {display:block; margin:20px 0 0 90px; width:185px; height:38px; line-height:38px; text-align:center; font-size:16px; color:#fff;border-radius:4px; -moz-border-radius:4px;-webkit-border-radius:4px;}
a.cr-listen-bt:link,a.cr-listen-bt:visited{background-color:#0781CA; _color:#fff; text-decoration:none;}
a.cr-listen-bt:hover{background-color:#088FE0; _color:#fff; color: #fff; text-decoration:none;}