body{background:#fff;}
.magBot{margin-bottom:20px;}

#bannerBig{background:url(../images/yhcy.jpg) no-repeat center top;height:304px;overflow:hidden;}
#menuBg{background:url(../images/menuBg.png) no-repeat center top;height:46px;}
#menuBg .menu{width:970px;margin:0 auto 0;}
#menuBg .menu a{background:url(../images/menuCont.png) no-repeat;margin:10px 41px 0;width:68px;float:left;height:25px;}
#menuBg .menu a:hover{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
#menuBg .menu a.b1{background-position:0 0;width:103px;}
#menuBg .menu a.b2{background-position:-183px 0;margin-left:60px;margin-right:35px;}
#menuBg .menu a.b3{background-position:-326px 0;}
#menuBg .menu a.b4{background-position:-470px 0;}
#menuBg .menu a.b5{background-position:-614px 0;}
#menuBg .menu a.b6{background-position:-768px 0;width:103px;margin-right:0}


#container .borderBlue{border:solid 1px #b9dff8}
#container h2{color:#035db2;padding-left:25px;font-family:"微软雅黑"}
#container{width:970px;margin:5px auto 0;font-size:12px;font-family:"宋体",Arial;}
#container .lft{width:309px;height:210px;}
#container .lft .titleTotal{background:url(../images/titTotal.png) no-repeat 0 0;line-height:35px;padding-left:35px;}
#container .lft .proviceLst{padding:5px 0 0 10px}
#container .lft .proviceLst a{display:inline-block;text-align:center;width:44px;line-height:32px;}

#container .midCont{width:410px;height:210px;float:left;margin:0 0 0 20px;}
#container .midCont .titInfo{background:url(../images/titInfo.png) repeat-x 0 top;line-height:35px;position:relative;height:35px;}
#container .midCont .titInfo a{position:absolute;top:0;right:10px;font-weight:400;font-size:12px;font-family:"宋体"}
#container .midCont div{margin:10px 10px 0 10px;line-height:30px}
#container .midCont div a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellpsis;width:360px;}

.proviceWrap{padding:1px;background:url(../images/proviceBg.png) repeat-x top;margin:20px 0}
.proviceWrap .nameLst{background:url(../images/titProvice.png) no-repeat 0 0;height:61px;padding-left:80px;}
.proviceWrap .nameLst div{zoom:1;overflow:hidden;padding-top:4px;}
.proviceWrap .nameLst div a{float:left;display:inline;border-left:solid 1px #1e70bb;width:55px;text-align:center;line-height:14px;margin:6px 0;color:#1e70bb;margin-left:-1px;}

.proviceWrap .tabLst{margin:0 20px 20px;padding-top:80px;}
.proviceWrap .tabLst table{background:#c0e3ea;}
.proviceWrap .tabLst tr{background:#f2f9f9;text-align:center;}

.titCourse{background:url(../images/titCourse.png) no-repeat center 0;height:55px;margin:40px 0 15px;}

/*网络课程*/

.videoCont {overflow:hidden;margin-left:-60px;zoom:1;_padding-left:0;_margin-left:0px;}

.course-box{border-radius:4px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.45);transition:box-shadow 0.2s;margin:15px 0 15px 70px;float:left;display:inline;position:relative;border:solid 1px #eee\9;}
.course-box .tagCls{background:url(../../images/tagBg.png) no-repeat 0 0;color:#ff0;font:23px/45px Arial;text-align:center;position:absolute;left:10px;top:0;width:61px;height:65px;}
.course-box .tagCls .wz{font-size:12px;color:#fff;}
li.course-box:hover{box-shadow:0 2px 3px rgba(0,0,0,1.0);transition:box-shadow 0.2s;background:#fafafa}

li.course-box .jnCls{background:url(../../images/courseCard.png) no-repeat;}
li.course-box .jnCls{position:absolute;width:66px;height:30px;line-height:26px;text-align:center;color:#000; bottom:10px;right:-5px;font-size:12px;background-position:0 -38px;color:#fff;}

.course-box .course-thumb img{width:270px;height:153px;border-top-left-radius:4px;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-right-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;}
.course-box a:hover{text-decoration:none;}
.course-box .mask{color:#353535;display:block;font-size:small;width:270px;height:290px;overflow:hidden;}
.course-box .mask .title{display:block;font-size:14px;line-height:1.2;min-height:32px;overflow:hidden;padding:10px 10px 5px;font-weight:bold;}
.course-box .mask .details{display:block;overflow:hidden;padding:5px 10px 5px;text-align:center;*width:90%}
.course-box .mask .instructors{border-top:1px solid #eee;display:block;margin:0 10px;overflow:hidden;padding:10px 0;}
.course-box .mask .instructors .r{margin-left:33px;display:block;_float:left;_margin-left:0;*margin-top:-5px;}
.course-box .mask .ins-thumb{float:left;border-radius:4px;margin-right:5px;width:;height:25px;}
.course-box .mask .ins-name{font-size:12px;font-weight:bold;line-height:14px;}
.course-box .mask .ins-job-title{margin-top:2px;font-size:12px;line-height:1.2;color:#555;}
.course-box .mask .ins-job-title>h1,.course-box .mask .ins-job-title>h2,.course-box .mask .ins-job-title>h3,.course-box .mask .ins-job-title>h4,.course-box .mask .ins-job-title>h5,.course-box .mask .ins-job-title>h6{font-weight:lighter;font-style:italic;color:#555;}
.course-box .mask .add-to-wishlist{position:absolute;top:10px;right:10px;}
.course-box .mask .heading{float:left;font-style:italic;margin-right:6px;line-height:1.8;}
.course-box .mask .two{padding-bottom:11px;}
.course-box .mask .two .ins-name:first-child{margin-bottom:3px;}
.course-box .mask .over-two{padding-bottom:13px;margin-right:0px;}
.course-box .mask .over-two:before{content:'';right:0;bottom:0;width:25px;height:43px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.8),#ffffff);position:absolute;}
/*end 网络课程*/

.kjcy{position:relative;padding:12px 10px 30px;font-size:28px;color:#333;overflow:hidden;font-family:microsoft yahei;}
.kjcy a{position:absolute;right:14px;top:22px;font-size:14px;color:#666;}

/************************************************************************************
smaller than 1000
*************************************************************************************/
@media screen and (max-width: 1000px) {
	#navWrap .navCont,#breadNav, #wrapper{width:1000px;}
	
}

/************************************************************************************
smaller than 767
*************************************************************************************/
@media screen and (max-width: 767px) {
	#bannerBig{height:150px;background-size:cover;margin-top:40px;}
	#container{width:auto;margin:0 10px;}
	.proviceWrap .tabLst{margin:0 10px 20px;}
	.videoCont{margin-left:0;}
	
	.videoCont .course-box{float:none;display:inline-block;margin:15px;}
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 560px) {
	
}