﻿.head {
    background: #c6a997;
}

.headDiv {
width:1200px;
margin:0 auto;
background:url(/Img/TcherList/headBg.png) no-repeat ;
}
.headRight img {
width:656px;
vertical-align:bottom;
margin-top:20px;
}
.headLeft, .headRight {
display:inline-block;
text-align:center;
}
.headLeft {
vertical-align:top;
margin-left:100px;
}
    .headLeft p {
        font-size: 2.2em;
        color: white;
        text-shadow: 3px 4px 2px #9a877a;
    }
.Htitle {
    font-weight: 600;
    margin-top: 60px;
    margin-bottom: 20px;
}
.classTitle {
    color: white;
    background: #626262;
    text-align:center;
    padding:5px 0;
}
.TcherContent {
width:1200px;
margin:20px auto;
}
.qSectionContentNo {
margin:200px 0;
}
.classify {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}
#classList {
    visibility: hidden;
}
.ExamList {
padding:10px 10px;
}
.techerDiv {
    display: inline-block;
    width: 70%;
}
.etidTitleT {
    height: 40px;
    line-height: 40px;
    width: 100px;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #e84932;
    padding-left: 10px;
}
.ExamList li {
    display: inline;
    margin-right: 20px;
    white-space: nowrap;
    line-height: 35px;
    cursor:pointer;
}
    .ExamList li:hover {
      color: #ee7765;
    }
.teacherinfoAll {
    display: inline-block;
    width: 168px;
    vertical-align: top;
    position: relative;
    margin-left: 30px;
    height: 256px;
    overflow: hidden;
    margin-bottom: 30px;
}
.teacherTX {width: 100%;height: 100%;}



.teachertext {
    width: 167px;
    height: 80px;
    bottom: -7px;
    left: 1px;
    position: absolute;
    background: url(/Img/teachers/teacherbg.png) no-repeat center top;
}

    .teachertext > p {
        color: white;
        text-align: center;
        padding-top: 9px;
    }
.teacherinfo {
    margin-top: -260px;
    text-align: left;
    position: absolute;
    background: url(/Img/teachers/teacherlanbg.png);
    width: 168px;
    height: 256px;
    margin-left: 0px;
    color: white;
    display: none;
}
.teachertexthover {
    display: none!important;
}
.teacherinfohover {
    display: block!important;
}
.teaName {text-align:center;font-size: 16px!important;}

.teacherinfo > p {
    color: white;
    font-size: 12px;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 6px;
}
    .teacherinfo > p > a {
        width: 70px;
        color: #ee7765;
        font-weight: 700;
        font-size: 15px;
        display: inline-block;
        margin-left: 115px;
        line-height: 30px;
    }
.addclass {
    color: #ee7765;
}
.teaName, .teaTitle, .teaExam, .teaInfo {
color:white;
}
.classify, .techerDiv {
    border: 1px solid #dfdfdf;
    min-height: 600px;
}
.sousuohead {
    padding: 10px;
    font-size: 20px;
    border-bottom: 1px solid #dfdfdf;
}

.classifyCont {
margin :0 5px;
}
.shiting {
    background: url(/Img/teachers/shitingbai.png);
    height: 40px;
    bottom: 0px;
    position: absolute;
    left: 0px;
    width: 168px;
    cursor: pointer;
}
.techerlist {
margin-top:20px;
}
.VideoList li a img {
width:13px;
margin-left:5px;
}
.VideoList li {
text-align:center;
padding-left:15px;
}
    .VideoList li a {
        color: white;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 150px;
        display: block;
    }
        .VideoList li a:hover {
            color: #eb604c;
        }




.titleFuhao{padding: 0 10px 0 20px;}
.titleText{ }