.ListMain{width: 100%;height: auto;overflow: hidden;margin: auto;background: url(../images/bg.jpg) top center no-repeat;}
.container, .container-fluid {width: 1200px;margin: 0 auto;overflow: hidden;}
.i-bread {
    height: 66px;
}
.p-first {
    background: #fff;
    margin-top: 18px;
    padding: 0 0 32px;
    border-bottom: 2px solid #dce0e3;
}
.i-bread ul {
    padding: 30px 0 0;
}
.i-bread ul {
    padding-top: 26px;
}
.i-bread ul li {
    float: left;
    margin-right: 10px;
}
.i-bread.i-bread-inverse ul li a {
    color: #fff;
}
.i-bread ul li a span {
    line-height: 19px;
}
.i-bread ul li a em, .i-bread ul li a.go-home i {
    display: inline-block;
    top: 3px;
    position: relative;
}
.i-bread ul li a.go-home i {
    width: 14px;
    height: 14px;
    background-image: url(../images/breadcrumb.png);
    vertical-align: top;
    margin-right: 6px;
}
.i-bread.i-bread-inverse ul li a.go-home i {
    background: url(../images/breadcrumb.png) -18px -15px;
}
.i-bread ul li a, .i-bread ul li a em, .p-ico-play {
    vertical-align: top;
}
.i-bread ul li a em {
    width: 7px;
    height: 15px;
    background: url(../images/breadcrumb.png) -29px 0;
    margin-left: 10px;
}
.i-bread.i-bread-inverse ul li a em {
    background: url(../images/breadcrumb.png) -38px 0;
}
.p-count {float: right;height: 40px;}
.p-count li {
    float: left;
    border-right: 1px solid #45badc;
    width: 76px;
    height: 40px;
}
.p-count li p {
    text-align: center;
    color: #fff;
    height: 16px;
    line-height: 16px;
}
.p-count li p.num {
    font-size: 20px;
    height: 20px;
    line-height: 20px;
}
.p-count li a.p-btn-like .p-ico-like {
    position: relative;
}
.p-count li.last {
    border-right: 0;
}
.p-photos {
    float: left;
    margin: 60px 0 0 60px;
    width: 244px;
}
.p-photos-big {
    display: block;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    border: 10px solid #f5f7fa;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
.p-photos-big img {
    width: 100%;
    height: 100%;
}
.p-photos-big .p-photos-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    top: 0;
    left: 0;
    background: url(/project/teacher/1.x/css/teacher-detail/i/photo-mask.png?3d2dd0);
    text-align: center;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    border-radius: 50%;
}
.p-photos-big .p-photos-mask span {
    color: #fff;
    text-align: center;
}
.p-photos-item {
    overflow: hidden;
    padding: 0 0 0 28px;
    position: relative;
    width: 196px;
    margin: 18px 0 0 12px;
}
.p-photos-item .next {
    background-position: -24px 0;
    right: 0;
}
.p-photos-item .prev {
    left: 0;
}
.p-photos-item .box {
    float: left;
    width: 168px;
    overflow: hidden;
}
.p-photos-item .box ul {
    width: 9999px;
    overflow: hidden;
}
.p-photos-item .box ul li {
    overflow: hidden;
    padding: 0 3px 0 0;
    float: left;
}
.p-photos-item .box ul li .item {
    float: left;
    border-radius: 50%;
    border: 2px solid transparent;
}
.p-photos-item .box ul li .item a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 5px solid #f5f7fa;
    overflow: hidden;
}
.p-photos-item .box ul li .item a img {
    width: 100%;
    height: 100%;
}
.p-resume {
    width: 620px;
    margin-right: 30px;
    float: right;
}
.p-resume-name {
    overflow: hidden;
    margin-top: 62px;
}
.p-resume-name .name {
    float: left;
    line-height: 40px;
    font-size: 36px;
    color: #ff6c60;
}
.p-resume-name .link {
    height: 40px;
    line-height: 40px;
    display: block;
    width: 140px;
    float: right;
    background: #ff6c60;
    color: #fff;
    text-align: center;
    font-size: 18px;
    transition: .2s;
}
.p-resume-text {
    margin-top: 22px;
    line-height: 30px;
    height: 122px;
    white-space: pre-wrap;
}
.p-resume-text .resume-open {
    color: #4cc5cd;
    font-size: 12px;
    padding-left: 6px;
}
.p-resume-label {
    margin-top: 30px;
    height: 70px;
    min-height: 70px;
}
.p-resume-label .tit {
    float: left;
    color: #aeaeae;
}
.p-resume-label .list {
    width: 578px;
    float: right;
    position: relative;
}
.p-resume-label .list .add-el {
    float: left;
}
.p-resume-label .list .add-el .add {
    transition: .2s;
    margin: 0 0 10px 5px;
    width: 25px;
    height: 25px;
    background: url(/project/teacher/1.x/css/teacher-detail/i/ico-add.png?c8b124) center center no-repeat #ffd06b;
    position: relative;
}
.p-course {
    background: #fff;
    margin-top: 16px;
    border-bottom: 2px solid #dce0e3;
}
.p-course .p-course-classify {
    border-bottom: 1px solid #eef1f4;
    height: 60px;
    line-height: 60px;
}
.p-course .p-course-classify .title {
    float: left;
    font-size: 18px;
    margin-left: 30px;
}
.p-course .p-course-classify .classify {
    float: left;
    margin-left: 60px;
}
.p-course .p-course-classify .classify a {
    display: block;
    margin-right: 40px;
    float: left;
}
.p-course .p-course-classify .classify a.on, .p-course .p-course-classify .classify a:hover {
    text-decoration: none;
    color: #4cc5cd;
    border-bottom: 2px solid #4cc5cd;
}

/*---------课程视频---------*/
.p-course .p-course-scroll {
    padding: 0 10px;
    display: none;
}
.p-course .split-tit {
    height: 14px;
    margin-top: 30px;
    line-height: 14px;
    color: #4cc5cd;
}
.p-course .p-course-scroll .scroll {
    margin-top: 22px;
    overflow: hidden;
    position: relative;
}
.p-ico-pen, .p-ico-play {
    width: 14px;
    height: 14px;
    display: inline-block;
}
.p-ico-play {
    background: url(/project/teacher/1.x/css/teacher-detail/i/ico.png?ce3383);
}
.p-course .split-tit i {
    margin-right: 6px;
}
.scroll_horizontal {
    position: relative;
    width: 100%;
}
.p-course .p-course-scroll .scroll .scroll_horizontal .next {
    right: 0;
    background-position: -31px 0;
}
.p-course .p-course-scroll .scroll .scroll_horizontal .prev {
    left: 0;
}
.scroll_horizontal .box {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.scroll_horizontal .list {
    overflow: hidden;
    width: 9999px;
}
.p-course .p-course-scroll .scroll ul {
    width: 99999px;
}
.scroll_horizontal .list li {
    float: left;
    width: 200px;
}
.p-course .p-course-scroll .scroll ul li {
    padding-right: 12px;
    width: 226px;
    height: 144px;
    float: left;
    overflow: hidden;
    position: relative;
}
.p-course .p-course-scroll .scroll ul li img {
    width: 100%;
    height: 100%;
}
.p-course .p-course-scroll .scroll ul li .name {
    height: 30px;
    width: 226px;
    line-height: 30px;
    background: #20b2d4;
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: absolute;
    bottom: 0;
    opacity: .95;
    left: 0;
}
.p-course .p-course-scroll .scroll ul li .ico-play {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -25px;
    background: url(/project/teacher/1.x/css/teacher-detail/i/ico.png?ce3383) 0 -14px;
}

/*-------------课程列表------------*/
.p-course .p-course-list {
    padding: 0 10px;
}
.p-course .split-tit {
    height: 14px;
    margin-top: 30px;
    line-height: 14px;
    color: #4cc5cd;
}
.p-ico-pen {
    background: url(/project/teacher/1.x/css/teacher-detail/i/ico.png?ce3383) -14px 0;
}
.p-course .split-tit i {
    margin-right: 6px;
}
.p-course .p-course-list .list {
    margin-top: 25px;
}
.p-course .p-course-list .list ul {
    width: 100%;overflow: hidden;
}
.p-course .p-course-list .list li {
    float: left;
    width: 292px;
    height: 364px;
    background: #f5f7fa;
    border-bottom: 2px solid #e8edf0;
    margin: 0 2px 26px 0;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.p-course .p-course-list .list li .img {
    height: 190px;
}
.p-course .p-course-list .list li .img img {
    vertical-align: bottom;
    width: 100%;
    height: 100%;
}
.p-course .p-course-list .list li .name {
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-align: center;
    padding: 0 20px;
    font-size: 16px;
    margin-top: 18px;
    display: block;
}
.p-course .p-course-list .list li .price {
    font-size: 24px;
    color: #ff6c60;
    text-align: center;
    line-height: 50px;
}
.p-course .p-course-list .list li .link {
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    margin: 0 auto;
    display: block;
    font-size: 18px;
    border-radius: 3px;
    width: 136px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #ff6c60;
}
.p-teacher-more {
    width: 170px;
    height: 40px;
    clear: both;
    line-height: 40px;
    display: block;
    margin: 20px 0 20px 484px;
    background: url(/project/teacher/1.x/i/i-dots.png?3aa38c) 130px 18px no-repeat #dfe5e9;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}
.p-comment {
    margin-top: 18px;
    clear: both;
    background: #fff;
    overflow: hidden;
}
.p-list-bar {
    background: #f5f7fa;
    height: 58px;
    overflow: hidden;
    border-bottom: 1px solid #e3e7eb;
}
.p-list-bar .tit {
    font-size: 16px;
    line-height: 58px;
    float: left;
    padding-left: 28px;
}
.p-list-bar .tit {
    font-size: 16px;
    line-height: 58px;
    float: left;
    padding-left: 28px;
}
.p-list-bar .tit .count {
    color: #a3a3a3;
    font-size: 12px;
}
.fc-danger {
    color: #ff6c60;
}
.p-comment-list {
    margin: 0 auto -1px;
    width: 940px;
}
.p-comment-list ul {
    border-bottom: 1px dotted #c5c5c5;overflow: hidden;
}
.p-comment-list ul li {
    padding: 32px 0;    float: left;
}
.p-comment-list ul li .avatar {
    float: left;
    background: url(/project/teacher/1.x/css/teacher-detail/i/avator-none-s.png?adbd75) center center no-repeat #e7ebee;
    width: 80px;
    height: 80px;
    margin: 0 0 0 22px;
    overflow: hidden;
    border-radius: 50%;
    border: 6px solid #f0f3f5;
}
.p-comment-list ul li .avatar img {
    width: 100%;
    height: 100%;
}
.p-comment-list ul li .detail {
    float: right;
    width: 790px;
    word-break: break-all;
}
.p-comment-list ul li .detail .info {
    height: 36px;
    line-height: 36px;
}
.p-comment-list ul li .detail .info .name {
    font-size: 14px;
    color: #4cc5cd;
    margin-right: 18px;
}
.p-comment-list ul li .detail .info .date {
    color: #bfbfbf;
    font-size: 12px;
}
.p-comment-list ul li .product {
    margin-top: 6px;
}
.p-comment-list ul li .product a.top {
    color: #ff8075;
    font-size: 12px;
    text-decoration: none;
}
.p-comment-list ul li .product a.top span {
    color: #ff8075;
    padding-left: 0;
}
.p-comment-list ul li .product span {
    padding-left: 10px;
    color: #bfbfbf;
    font-size: 12px;
    text-indent: 6px;
}
.p-comment-list ul li .product span a {
    color: #bfbfbf;
    font-size: 12px;
}
.i-cms-page-turn {
    display: block;
    text-align: center;
    color: #8e8e8e;
    font-size: 12px;
}
.i-pager .i-cms-page-turn {
    padding: 34px 0 0;
    height: 60px;
}
.i-cms-page-turn .current {
    background: #e7e7e7;
}
.i-pager .i-cms-page-turn .current {
    background: #4cc5cd;
    color: #fff;
    border: 1px solid #4cc5cd;
    line-height: 30px;
}
.i-cms-page-turn .current, .i-cms-page-turn a {
    background: #f8f8f8;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
    line-height: 1;
    padding: 5px 9px;
    color: #a6a6a6;
    text-decoration: none;
    margin-right: 9px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.i-pager .i-cms-page-turn a {
    line-height: 18px;
}