/** 面包屑导航 **/
.m-crm-wrap{height: 25px;padding: 10px 0 9px 0;}
.g-crm{height: 25px;background-color: #fafafa;cursor: default;padding-left: 10px;}
.g-crm span{display: block;height: 25px;font: 12px/25px "microsoft yahei";}
.g-crm span font{font-size: 12px;}
.g-crm span a:hover{color: #000000;text-decoration: underline;}


#m-bottom {margin-bottom: 15px;overflow: hidden;min-height: 450px;}/* 右上方样式 */
#m_snav {border: 1px solid #DDD;font: 12px/20px "microsoft yahei";padding: 5px 15px;}
#course {border-bottom: 1px dotted #DDDDDD;}
#m_snav li.z-last{border: none;}
#m_snav a,.m_nav font{margin: 8px 5px;display: inline-block;padding: 0px 5px;}
#m_snav a:hover,#m_snav a.z-sel{background-color: #15b358;color: #ffffff;}

/* 右下方列表样式 */
.m-grid li{border-bottom: 1px solid #DDDDDD;padding: 30px 15px 10px 0px;display: inline-block;width: 100%;}
.m-grid li>span{width: 900px;float: left;}
.m-grid li .z-title{font: 14px/24px "microsoft yahei";color: #26c872;float: left;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-grid li .z-title:hover{text-decoration: underline;}
.m-grid>li>img {height: 90px;width: 153px;float: left;margin-right: 10px;}
.m-grid li>span>div{display: inline-block;margin-top: 28px;}
.m-grid li>span>div, .m-grid li>span>p{color:#999999;}
.m-grid li>span span{float: left;margin-right: 15px;font: 12px/18px "microsoft yahei";}

.m-grid .u-btn{float: right;width: 45px;height: 28px; color: #FFFFFF;border-radius: 5px;margin: 20px 0px 0px 10px;text-align: center;font: 14px/28px "microsoft yahei";}
.m-grid .u-btn.down{background-color: #f8b551;}
.m-grid .u-btn.col{background-color: #15a0e1;}
.m-grid .u-btn.play{background-color: #1ca873; margin-top: 44px;}

#laypage{margin-top: 30px;float: right;}

a.gray{ color: #c2c2c2;}
a.gray:hover{color: #c2c2c2!important;background: none!important;cursor: default;}

.list-body{margin-top:10px;}
.list-body ul li{float: left;padding: 10px 21px 0 0;}
.list-body ul li .list-box{width: 182px; height: 106px;}
.list-body ul li.list-last{padding-right: 0;}
.list-body ul li img{display:block;width: 100%;height: 100%;}
.list-box{position: relative;}
.list-box-info{margin-top: 10px; width: 182px;}
.list-box-info span{color: #999;}
.list-box-info span i{color: #666;}
.list-box-info p{width: 100%;}
.list-box-info .f-toe a:hover{color: #23C872;}
.list-box:hover .mask {opacity: .5;filter: alpha(opacity=50);width: 100%;height: 100%;cursor: pointer;}
.list-box .mask {position: absolute;top: 0;left: 0;background-color: #23C872;opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.2s ease-in 0s;-moz-transition: opacity 0.2s ease-in 0s;transition: opacity 0.2s ease-in 0s;
-webkit-transition: box-shadow 0.2s ease-in 0s;-moz-transition: box-shadow 0.2s ease-in 0s;transition: box-shadow 0.2s ease-in 0s;z-index: 25;}
.list-box-info-title{height: 34px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}