.mgRg0{ margin-right: 0!important;}
.mgTop0{ margin-top: 0!important;}
.layer-wrapper{background: #f7f8f9;}
.wz{ line-height: 32px;}
.banner{ width: 100%; overflow: hidden; position: relative;}
.banner img{display: block; width: 100%;}
.banner .hd{position: absolute; top: 400px; right: 50px;}
.banner .hd li{width: 10px; height: 10px; background: #fff; float: left; margin-right: 20px;-moz-border-radius: 50%; border-radius: 50%;-webkit-border-radius: 50%; cursor: pointer;}
.banner .hd li.on{background: #0191ce;}


.layer1{ margin-top: 31px; background: #fff;padding: 17px 21px 60px;
}
.layer-title{height: 40px; line-height: 40px; position: relative; border-bottom: 1px solid #ccc;}
.layer-title h3{font-size: 20px; color: #222;}
.layer-title .more{ position: absolute; top: 4px; right: 0; color: #666;}
.layer-title .more:hover{ color: #00a15c;}
.layer-title .sort{ position: absolute; right: 0;top: 0;}
.layer-title .sort span{ cursor: pointer;}
.layer-title .sort span:hover{ color: #00a15c;}

.layer1 .layerContent li{width: 276px; height: 260px; overflow: hidden; position: relative; float: left; margin: 25px 18px 0 0;}
.layer1 .layerContent li .imgBox img{display: block; width: 100%; height: 190px;}
.layer1 .layerContent li .voidNote{ position: absolute; width: 100%;/* height: 103px;*/ padding: 10px 0; background: #f7f8f9;/* bottom: -53px;*/ bottom: 0;}
.layer1 .layerContent li .voidNote p{ width: 90%; margin: 0 auto;}
.layer1 .layerContent li .voidTitle{ height: 36px;  line-height: 18px; font-size: 14px; margin-bottom: 14px!important; overflow: hidden;}
.layer1 .layerContent li p.teacherName{ font-size: 14px;line-height:19px; display: none; margin-top: 15px;}
.layer1 .layerContent li p.luan{ margin-top: 10px; display: none;}
.layer1 .layerContent li .see{ background: url("../images/more-see.png") no-repeat 1px;text-indent: 24px;
    display: inline-block;
    float: left;}
.layer1 .layerContent li .time{ float: right;}
.layer1 .layerContent li:hover p.teacherName,.layer1 .layerContent li:hover p.luan{display: block;}

.layer2{ background: #fff; margin-top: 40px;padding: 17px 21px 100px;}
.layer2 .layerContent{ padding-top: 46px;}
.layer2 .voidList{ margin-top: 40px;}
.layer2 .voidList li{ width: 216px; height: 210px; overflow: hidden; position: relative; background: #e5e5e5; float: left; margin-right: 19px;}
.layer2 .voidList li .imgBox img{ width: 100%; display: block;}
.layer2 .voidList li .titleNote{ height: 60px;width: 100%; position: absolute; bottom: 0; background: #e5e5e5;}
.layer2 .voidList li .titleNote p{ width: 90%; margin: 0 auto;padding-top: 10px;}
.layer2 .voidList li.li1 img{width: 100%; height: 100%;}
.layer2 .teacherBox{width: 214px;height: 208px; border: 1px solid #c3c3c2; background: url("../images/more-opentm.png") repeat; position: absolute; top: 0; left: 0; display: none;}
.layer2 .teacherBox .classTitle{ padding-top: 20px; line-height: 40px; text-align: center; font-size: 18px; color: #333;}
.layer2 .teacherBox .teachera{width: 80%; margin: 10px auto 0;}
.layer2 .teacherBox .teacherBtn{width: 106px; height: 33px; line-height: 33px; text-align: center; color: #fff; background: #00b769; display: block; margin: 18px auto 0;}
.layer2 .pageNumber{ height: 130px;  line-height: 130px;}
.layer2 .voidList .li1:hover .teacherBox{display:block;}