.gkk-banner{ height: 440px; width: 100%; background: #ccc;}
/*中部课程样式*/
.gkk-center{ width: 1200px; margin: 12px auto;}
.gkk-center p .z-color{ color: #b71b22; font-size: 20px; border-bottom: 4px solid #B71B22; display: inline-block; padding-bottom: 15px;}
.gkk-center p{ font-size: 16px;}
.jptj ul li{  float: left; width: 278px; height: 243px; margin:0 20px 20px 0; }
.jptj-2 ul li{ height: 202px;}
.jptj ul{ margin-top: 20px;}
.jptj ul li img.img1{ height: 157px; width: 100%; background: #dcdcdc;}
.jptj ul li .kcjs{ margin:0 10px; }
.jptj{ margin-top: 8px;}
.jptj ul li .kcjs p{ overflow: hidden; font-size: 16px; line-height: 30px; }
.jptj-2 ul li .kcjs p{ text-align: center; line-height: 35px; }
.jptj ul li .kcjs .xm{ font-size: 14px; color: #666;}
.fx-bot .shouch{ width: 16px; height: 15px; background: url(../images/gkk/shouc.png) no-repeat; display: inline-block; margin-bottom: -2px;}
.fx-bot .fx{ width: 14px; height: 14px; margin-bottom: -2px;}
.fx-bot,.fx-bot a span{ color: #999;}
.fx-bot { float: right; margin-top: 24px;}
.fx-bot .shouch-2{ width: 16px; height: 15px; background: url(../images/gkk/shou.png) no-repeat; display: inline-block; margin-bottom: -2px;}
.jptj-3 ul li{ width:178px; height: 78px; margin-bottom:20px;}
/*公开课详情页*/

.b-center{ width: 100%; background: #eee; position: relative; height: 1700px;}
.b-nav{ color: #999;}
.b-center-posi{ width: 1200px; margin: 0 auto; position: absolute; top: 0; left: 50%; margin-left: -600px;}
.b-nav p{ color: #000; font-size: 16px; margin-top: 15px;}
.cda-bj{ width: 100%; height: 447px; background: url(../images/gkk/cda-bj_02.jpg) no-repeat; display: block;
		position: absolute; top: 65px;}
.jy-shiting{ z-index: 10; position: absolute;}
.st_sp{  width:1180px; height:447px; position: relative; margin-top: 8px;}
.ST_sp_ck{ width: 1180px;height: 447px;display: none;}
.st_qs{ float: right; }
.st_qs_wq{ color:#666; font-size:12px; text-align:center;}
.st_qs_wq .p_wq{ margin-top:4px; line-height:20px;}
.shiting-r-ul{  margin-top:15px; overflow: hidden; height: 100px; }
.shiting-r-li { width:180px; height:100px; background: #ccc;  margin:20px 20px 0 0; float: left; }
.shiting-r-li a{ color: #fff; font-size: 14px; font-weight:bold;height:100px;}
.shiting-r-li a p{ font-size: 18px; font-weight: normal;}
.shiting-r-li a p,.shiting-r-li a div{margin-left: 20px; }
.shiting-r-li a div{color:#000;}
.shiting-r-li-1 { font-size: 20px;  }
.shiting-r-li-1 a div{ font-weight: normal;  line-height: 40px}
.r-ul-box{ position: relative; }
.btn-l{ width: 55px; height: 55px; background: url(../images/gkk/btn-l.png) no-repeat; position: absolute; left: -70px; top: 30px; 
z-index: 11; cursor: pointer;}
.btn-r{ width: 55px; height: 55px; background: url(../images/gkk/btn-r.png) no-repeat; position: absolute; right: -60px; top: 30px;
z-index: 11; cursor: pointer;}
#mr_fu{ 
	    overflow: hidden;
	    position: relative;}
.mr_frbox{ position:relative}
#mr_fu2{
    overflow: hidden;
    width: 1180px;
    height: 145px;
    position: relative;
    margin-top: 15px;
}

.c-bot{ margin-top: 28px;}
.c-bot-l{ width: 780px; background: #FFFFFF;}
.sp1-r{ width: 280px; float: left; margin-top: 20px; }
.sp1-r p{font-size: 14px; line-height: 30px; margin-top:20px; color: #666;}
.sp1-l{ width: 458px; float: left; margin: 20px;}
.sp1-r h3{ font-size: 20px; }
.fx-bot-l{ float: none; margin-top: 8px;}
.sp1 .b-jj{ margin: -4px 25px 30px 20px; font-size: 14px; line-height: 25px; float: left;}

.c-bot-lbox{ float: left;}
.c-bot-l .kcjl{ color: #B71B22; font-size: 20px;}
.mar-top{ margin-top: 20px; padding: 0 20px; width: 740px;}
.mar-top .kcjl span{  padding-bottom: 15px; border-bottom: 3px solid #B71B22; display: inline-block; margin: 30px 0 0 0;}
.textarea{ width: 720px; background: #f0f0f0; border-top: 1px solid #d9d8d9; height: 60px; 
   margin-top:29px; border-radius: 3px; padding: 10px;}
.bun{ display: block;margin-top: 2px;}
.btN{ width: 120px; height: 34px; display: block; background: #B71B22; color: #fff; font-size: 14px;
			 line-height: 34px; text-align: center; float: right; cursor: pointer;}
.yhu{ border-top: 1px solid #e5e5e5; margin-top: 60px; font-size: 14px; height: 310px; overflow-x:hidden; overflow-y:auto;}
.yhu-list p{ font-size: 14px; line-height: 20px; overflow: hidden; max-height: 40px; }
.yhu-list{ float: left; width: 640px;}
.yhu-nr{ margin-top: 30px; padding-bottom:20px ; position:relative;}
.tx{ float: left; width: 60px; height: 60px; border-radius: 50%; background: #ccc; margin-right: 20px;}
.time-sj{ display:block; margin-top: 12px; color: #999; }
.yhu-nr .huifu{ color: #B71B22; float: right; display: block; font-size: 14px;margin-right: 30px;}

.c-bot-r{ width: 380px; height: 690px; background: #fff; float: left; margin-left: 20px;}
.c-bot-r .kcjl {color: #B71B22; font-size: 20px;}
.c-bot-r .mar-top{ margin-top: -10px; width: 340px;}
.xgkc-tu{ width: 180px; height: 100px; float: left;}
.r-j{ float: left; margin-left: 15px;}
.r-j p{ font-size: 16px; width: 134px; height: 48px; overflow: hidden; text-overflow: ellipsis;  -webkit-line-clamp: 2;  }
.r-j span{ font-size: 12px; color: #999999; display: block; margin-top: 20px;}
.c-bot-r .xgkc{ display: block; margin-top: 20px;}

.hf-k{ width: 300px; height: 50px; border: 1px solid #ccc;  border-radius: 3px;background: #f0f0f0; }
.huifu-box{ position: absolute; top: 50px; right: 30px; display:none;}
.huifu-box .gb-x{ position: absolute;top: 0; right: 0; cursor: pointer;}
.huifu-box img{background: #333;}
.tj-submit{ width:50px; height:20px; border: 1px solid #ccc; line-height: 20px; text-align: center; display: block; 
			position: absolute; bottom: 6px; right: 0px;}
			
			
/*二次修改新增样式*/
 .shadow {
    -webkit-transition: box-shadow .2s ease-in 0s;
    -moz-transition: box-shadow .2s ease-in 0s;
    transition: box-shadow .2s ease-in 0s;
	
	 box-shadow: 0 2px 2px #ccc;
	 position:relative;
 }
 .mask{
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .2s ease-in 0s;
    -moz-transition: opacity .2s ease-in 0s;
    transition: opacity .2s ease-in 0s;
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}  
.f-pa {
    position: absolute;
}
.maskpi {
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
	position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .2s ease-in 0s;
    -moz-transition: opacity .2s ease-in 0s;
    transition: opacity .2s ease-in 0s;
    background: url(/images/gkk/bbc_sprite_03.png) no-repeat;
}
.jptj ul li:hover .mask{ background: #4ba4fc;
						opacity: .5;
						filter: alpha(opacity=50); }
.jptj ul li:hover .maskpi{ opacity:1; }
.videoMask{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;

}