.classDetail{color:#444}.classDetail .breadcrumb{overflow:hidden;margin:24px 0 10px 0;font-size:16px;line-height:16px}.classDetail .breadcrumb li{float:left}.classDetail .breadcrumb a{color:#999}.classDetail .breadcrumb .cur{color:#419DF2}.classDetail .classSum{margin-bottom:20px;background:#FFF;padding:30px 50px 40px 50px;overflow:hidden}.classDetail .classSum .title{height:20px;padding-left:10px;border-left:6px solid #419DF2;font-size:18px;line-height:20px}.classDetail .classSum .left{float:left;overflow:hidden;position:relative;width:542px;height:306px;margin-right:50px;background:#ccc}.classDetail .classSum .playArea .cover{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0}.classDetail .classSum .playArea audio{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0}.classDetail .classSum .right{float:left;width:478px}.classDetail .classSum .className{font-size:28px;line-height:28px;height:56px;margin-bottom:18px}.classDetail .classSum .price{margin-bottom:30px;color:#F59900;font-size:36px;line-height:36px}.classDetail .classSum .price.free{color:#1AB893}.classDetail .classSum .price.free s{display:none}.classDetail .classSum .price s{font-size:20px;line-height:20px;text-decoration:none}.classDetail .classSum .info{padding:16px 21px;margin-bottom:20px;border-radius:4px;background-color:#F7F7F7}.classDetail .classSum .info .mb{margin-bottom:14px}.classDetail .classSum .info span{margin-right:30px}.classDetail .classSum .actionArea{clear:both}.classDetail .classSum .actionArea .btn{float:left;padding:14px;border:1px solid #E4E4E4;border-radius:4px;background-color:#F9F9F9;color:#999;font-size:14px;line-height:14px}.classDetail .classSum .actionArea .btn a{color:#999}.classDetail .classSum .actionArea .btn a:hover{color:#F59900}.classDetail .classSum .actionArea #share-btn{position:relative}.classDetail .classSum .actionArea #share-btn:hover{color:#F59900}.classDetail .classSum .actionArea #share-btn:hover .share-pop{display:block}.classDetail .classSum .actionArea #share-btn .share-pop,.classDetail .classSum .actionArea #share-btn .share-pop a{background:url(../images/kecheng-detail/sprite.png)}.classDetail .classSum .actionArea #share-btn .share-pop{display:none;position:absolute;z-index:2;width:110px;height:49px;top:19px;left:50%;margin-left:-55px}.classDetail .classSum .actionArea #share-btn .share-pop ul{overflow:hidden;padding:17px 9px 9px 9px}.classDetail .classSum .actionArea #share-btn .share-pop ul li{float:left}.classDetail .classSum .actionArea #share-btn .share-pop ul li a{display:block;width:24px;height:24px}.classDetail .classSum .actionArea #share-btn .share-pop ul li a.wx{background-position:0 -49px;margin-right:10px}.classDetail .classSum .actionArea #share-btn .share-pop ul li a.wb{background-position:-24px -49px;margin-right:10px}.classDetail .classSum .actionArea #share-btn .share-pop ul li a.qzone{background-position:-48px -49px}.classDetail .classSum .actionArea .btn.btnMain{margin-right:6px;padding:13px 42px;font-size:24px;line-height:24px;background-color:#419DF2;color:#fff;border-color:#419DF2}.classDetail .classSum .actionArea .btn.btnMain:hover{background-color:#5AB0FF}.classDetail .classSum .actionArea .btn.btnPart{margin-top:4px}.classDetail .classList{margin-bottom:20px;background:#FFF;color:#444;padding:20px 35px 40px 35px}.classDetail .classList .title{height:20px;padding-left:10px;border-left:6px solid #419DF2;font-size:18px;line-height:20px}.classDetail .classList .listArea{margin-top:20px}.classDetail .classList .listArea table{width:100%;margin-bottom:21px;border-collapse:collapse;font-size:16px}.classDetail .classList .listArea table tr,.classDetail .classList .listArea table td{height:50px;border:0 solid #E7E7E7;border-width:1px 0}.classDetail .classList .listArea table tr.even,.classDetail .classList .listArea table tr:nth-child(2n){background-color:#F9F9F9}.classDetail .classList .listArea table td{padding-left:15px}.classDetail .classList .listArea table .tdNum{width:83px;padding-left:20px}.classDetail .classList .listArea table .className{line-height:28px}.classDetail .classList .listArea table tr:hover .play{visibility:visible}.classDetail .classList .listArea table .play{visibility:hidden;float:right;width:90px;height:28px;margin-right:20px;line-height:28px;border:1px solid #419DF2;border-radius:4px;font-size:12px;color:#419DF2}.classDetail .classList .listArea table .play.free{visibility:visible;border:none;color:#1AB893;text-align:center}.classDetail .classList .listArea table .play.free i{display:none}.classDetail .classList .listArea table .play i{float:left;display:block;width:0;height:0;margin:9px -2.5px 9px 13.5px;border:0 solid transparent;border-width:5px 9px;border-left:9px solid #419DF2}.classDetail .classList .listArea .viewMore{width:100%;height:40px;background-color:#F9F9F9;border:1px solid #E7E7E7;color:#666;line-height:40px;text-align:center}.classDetail .classList .listArea .viewMore a{display:block}.classDetail .classList .listArea .viewMore a:hover{color:#419DF2}.classDetail .classOverview{margin-bottom:20px;background:#FFF;overflow:hidden;padding:30px}.classDetail .classOverview .title{height:20px;padding-left:10px;border-left:6px solid #419DF2;font-size:18px;line-height:20px}.classDetail .classOverview .overviewArea{width:860px;margin:40px auto 70px auto}