/** 通识课程频道 CSS **/

#menu-category {

    background:#fff;
    border-bottom:1px solid  #dadada;
}

#menu-category a{

    display:inline-block;
    width:auto;
    height:40px;
    line-height:40px;
    margin-left:30px;
}

#menu-category a:first-child{

    margin-left:5px;
}

#menu-category a:hover,
#menu-category a.cur
{

    color:#1bb78d;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#logo-title {

    text-align:center;
    padding:20px 0;
}

#logo-title img {

    width:200px;
    height:auto;
}

#logo-title h1 {

    color:#1D8965;
    font-weight:800;
    text-align:center;
    margin:10px 0px;
}

#courseBag {

    text-align:center;
    margin:10px 0;
}

#courseBag img {

    width:700px;
}

#teacher-study {

    display: flex;
    flex-direction:row;
    margin:25px 0;
    justify-content:space-between;
}

#teacher-study .bag-style {

    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:580px;
}

#teacher-study .bag-style span {

    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:100%;
    height:380px;
    overflow:hidden;
    margin-bottom:15px;
}

#teacher-study .bag-style span img {

    width:100%;
    height:auto;
}

#courseInfo {

    margin:55px 0;
    display: flex;
    flex-direction:row;
    justify-content:space-between;
}

#courseInfo .courseAblum {

    width:500px;
}

#courseInfo .courseAblum img {

    width:100%;
}

#courseInfo .courseList {

    width:650px;
}

#courseInfo .courseList .ico-title {

    margin:10px 0px 25px 0px;
    color:#1D8965;
    font-weight:800;
    padding-left:55px;
}

#courseInfo .courseList .ico-title i {

    display:inline-block;
    font-style:normal;
    top:12px;
    left:200px;
}

#courseInfo .courseList .ico-title i a {

    display:inline-block;
    font-weight:500;
}

#courseInfo .courseList .ico-title i a:hover {

    color:#1bb78d;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#courseInfo .courseList .ico-title img{

    left:0px;
    top:0px;
    width:45px;
}

#courseInfo .courseList .list{

   display: flex;
   flex-direction:row;
   margin-top:17px;
   padding-left:95px;
}

#courseInfo .courseList .list span{

    display:inline-block;
    width:80px;
    height:25px;
    left:0px;
    top:-3px;
    color:#fff;
    line-height:25px;
    text-align:center;
    border-radius:10px;
    -moz-border-radius:10px; 
	-webkit-border-radius:10px;
	-o-border-radius:10px;
}

#courseInfo .courseList .list span.s1{

    background:#80C269;
}

#courseInfo .courseList .list span.s1 a,
#courseInfo .courseList .list span.s2 a{

    color:#fff;
}

#courseInfo .courseList .list span.s2{

    background:#1C9D72;
}

#courseInfo .courseList .list span.s1:hover{

    background:#7dba09;
}

#courseInfo .courseList .list span.s2:hover{

    background:#1bb78d;
}

#courseInfo .courseList .list a{

    display:inline-block;
    max-width:450px;
}

#courseInfo .courseList .list a:hover{

    color:#1bb78d;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#courseInfo .courseList .list i{

    display:inline-block;
    font-style:normal;
    margin-left:15px;
    line-height:19px;
}

#course-video {

    margin:15px 0px;
}

#course-video .ico-title {

    margin:10px 0px 25px 0px;
    color:#1D8965;
    font-weight:800;
    padding-left:55px;
}

#course-video .ico-title img{

    left:0px;
    top:0px;
    width:45px;
}

#course-video .ico-title i{

    font-weight:500;
    left:200px;
    top:12px;
    font-style:normal;
}

#course-video .video-wrap {

    margin:25px 10px;
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
}

#course-video .video-wrap .video {

    width:353px;
    height:295px;
    margin:0 40px 40px 0px;
    border:1px solid #eee;
}

#course-video .video-wrap .video:nth-child(3n) {

    margin-right:0px;
}

#course-video .video-wrap .video span.img {

    display: flex;
    flex-direction:column;
    justify-content:center;
    width:100%;
    height:250px;
    overflow:hidden;
    background:#000;
}

#course-video .video-wrap .video span.img img{

    width:100%;
    height:auto;
}

#course-video .video-wrap .video span.img i {

    display:block;
    z-index:1;
    left:38%;
    top:28%;
}

#course-video .video-wrap .video span.img i img {

    width:85%;
}

#course-video .video-wrap .video h6 {

    display:block;
    padding:10px 15px;
    font-weight:800;
    color:#454545;
}

#course-video .video-wrap a:hover h6 {

    color:#1bb78d;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.two-columns-left {

    padding:15px;
}

.hot-wrap .content-body {

    display: flex;
    flex-direction:row;
    justify-content:space-between;
    padding:15px;
    border-bottom:1px dashed #dadada;
}

.hot-wrap .content-body:hover {

    background:#f7f7f7;
}

.hot-wrap .content-body .content-left {

    width:600px;
} 

.hot-wrap .content-body .content-left h3.title {

    padding-left:46px;
} 

.hot-wrap .content-body .content-left h3.title a {

    font-weight:800;
    display:inline-block;
    max-width:550px;
}

.hot-wrap .content-body .content-left h3.video a {

    max-width:500px;
}

.hot-wrap .content-body .content-left h3.video em {

    display:inline-block;
    width:50px;
    height:30px;
    background:url(/Content/images/commonImg.png) no-repeat 20.9% 10.5%;
}

.hot-wrap .content-body .content-left h3.title i {

    display:inline-block;
    width:36px;
    height:31px;
    background:url(/Content/images/commonImg.png) no-repeat 33.2% 0.5%;
    top:0px;
    left:0px;
}

.hot-wrap .content-body .content-left h3.title a:hover {

    color:#1bb78d;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.hot-wrap .content-body .content-left p {

    line-height:23px;
    margin:15px 0px;
}

.hot-wrap .content-body .content-left p span a {

    display:inline-block;
    padding:0 3px;
}

.hot-wrap .content-body .content-left p span a:hover {

    color:#1bb78d;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.hot-wrap .content-body span.source {

    display:inline-block;
    padding-left:25px;
}

.hot-wrap .content-body span.source i {

    display:inline-block;
    width:18px;
    height:17px;
    background:url(/Content/images/commonImg.png) no-repeat 41.7% 0.5%;
    top:0px;
    left:0px;
}

.hot-wrap .content-body .content-right i {

    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:150px;
    height:105px;
    top:0px;
    left:0px;
    z-index:1;
}

.hot-wrap .content-body .content-right a {

    display:block;
    width:150px;
    height:110px;
    overflow:hidden;
}

.hot-wrap .content-body .content-right a img {

    width:100%;
    height:auto;
    transition: .5s transform;
    transform: translateZ(0);
}

.hot-wrap .content-body .content-right a:hover img {

  transform: scale(1.1, 1.1); 
  transition: 2s transform;
}

#course-info-list {

    margin:25px 0px;
}

#course-info-list .course-info-list-menus {

    border-top:2px solid #1bb88d;
    border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    background:#fff;
    display: flex;
    flex-direction:row;
    justify-content:space-around;
}

#course-info-list .course-info-list-menus a {

    display:inline-block;
    width:90px;
    height:45px;
    text-align:center;
    line-height:45px;
}

#course-info-list .course-info-list-menus a:hover,
#course-info-list .course-info-list-menus a.cur
 {

    color:#1bb78d;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#course-info-list .course-info-list-menus a i {

   display:none;
   width:100%;
   height:3px;
   border-bottom:2px solid #1bb88d;
   bottom:0px;
   left:0px;
}

#course-info-list .course-info-list-menus a.cur i
{

   display:block;
}

#course-info-list .course-info-articly
{

   margin:25px 0px;
}

#course-info-list .course-info-articly .articly-wrap
{
    display: flex;
    flex-direction:row;
    justify-content:space-between;
    padding:15px;
    border-bottom:1px dashed #dadada; 
}

#course-info-list .course-info-articly .articly-wrap:hover {

    background:#f7f7f7;
}

#course-info-list .course-info-articly .content-left {

    width:600px;
}

#course-info-list .course-info-articly .content h3.title a {

    font-weight:800;
    display:inline-block;
    max-width:780px;
}

#course-info-list .course-info-articly .content h3.cn a {

    max-width:660px;
}

#course-info-list .course-info-articly .content h3 span{

    display:inline-block;
    margin-left:20px;
    width:90px;
    height:10px;
}

#course-info-list .course-info-articly .content h3 span a {

    display:inline-block;
    padding:5px 10px;
    background:#1cb78d;
    color:#fff;
    left:0px;
    top:-18px;
}

#course-info-list .course-info-articly .content h3 span a:hover {

    background:#136d4f;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#course-info-list .course-info-articly .content-left h3.title a {

    font-weight:800;
    display:inline-block;
    max-width:595px;
}

#course-info-list .course-info-articly .content-left h3.cn_1 a {

    max-width:490px;
}

#course-info-list .course-info-articly .content-left h3.cn_1 span {

    display:inline-block;
    margin-left:20px;
    width:90px;
    height:10px;
}

#course-info-list .course-info-articly .content-left h3.cn_1 span a {

    display:inline-block;
    padding:5px 10px;
    background:#1cb78d;
    color:#fff;
    left:0px;
    top:-18px;
}

#course-info-list .course-info-articly .content-left h3.cn_1 span a:hover {

    background:#136d4f;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#course-info-list .course-info-articly .content-left h3.title a.m:hover ,
#course-info-list .course-info-articly .content h3.title a.m:hover {

    color:#1bb78d;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#course-info-list .course-info-articly .content-left p,
#course-info-list .course-info-articly .content p {

    line-height:23px;
    margin:15px 0px;
}

#course-info-list .course-info-articly .content-left p span a,
#course-info-list .course-info-articly .content p span a {

    display:inline-block;
    padding:0 3px;
}

#course-info-list .course-info-articly .content-left p span a:hover,
#course-info-list .course-info-articly .content p span a:hover {

    color:#1bb78d;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#course-info-list .course-info-articly .content-left span.source,
#course-info-list .course-info-articly .content span.source {

    display:inline-block;
    padding-left:25px;
}

#course-info-list .course-info-articly .content-left span.source i,
#course-info-list .course-info-articly .content span.source i {

    display:inline-block;
    width:18px;
    height:17px;
    background:url(/Content/images/commonImg.png) no-repeat 41.7% 0.5%;
    top:0px;
    left:0px;
}

#course-info-list .course-info-articly .content-right a {

    display:block;
    width:150px;
    height:110px;
    overflow:hidden;
}

#course-info-list .course-info-articly .content-right a img {

    width:100%;
    height:auto;
    transition: .5s transform;
    transform: translateZ(0);
}

#course-info-list .course-info-articly .content-right a:hover img {

    transform: scale(1.1, 1.1); 
    transition: 2s transform;
} 

#course-info-list .course-info-articly .content-right i {

    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:150px;
    height:105px;
    top:0px;
    left:0px;
    z-index:1;
} 

#course-info-list .course-info-articly .content-right i img {

    width:50%;
} 

#header-top {

    padding:15px;
}

#header-top h2.title {

    border-bottom:2px solid #e5e9ec;
    height:42px;
    display: flex;
    flex-direction:row;
}

#header-top h2.title i {

    display:inline-block;
    font-style:normal;
    font-weight:800;  
}

#header-top h2.title i:first-child {

    height:42.2px;
    border-bottom:2px solid #18765b;
}

#header-top h2.title i:nth-child(2) {

   font-family: SimSun;
   margin-left:10px;
   color:#95cee8;
}

#header-top .header-content {

   margin-top:20px;
}

#header-top .header-content .header-one a.one {

   display:inline-block;
   font-weight:800;
   color:#1bb78d;
   max-width:310px;
}

#header-top .header-one .detail {

   margin:10px 0px;
   line-height:22px;
}

#header-top .header-one .detail a {

   display:inline-block;
   margin:0px 3px;
}

#header-top .header-content .header-one a.one:hover,
#header-top .header-one .detail a:hover {

   color:#18765b;
   transition: all .3s;
   -webkit-transition: all .3s;
}

#header-top .header-content-more {

   border-top:1px solid #ccc;
   margin-top:15px;
   padding-top:20px;
   display: flex;
   flex-direction:column;
}

#header-top .header-content-more .cm {

   padding-left:16px;
   margin-top:7px;
}

#header-top .header-content-more .cm i {

   left:0px;
   top:3px;
   width:0;    
   height:0;   
   border-top: 6px solid transparent;   
   border-left: 6px solid #ccc;    
   border-bottom: 6px solid transparent;   
}

#header-top .header-content-more .cm a {

   display:inline-block;
   max-width:290px;
}

#header-top .header-content-more .cm a:hover {

   color:#18765b;
   transition: all .3s;
   -webkit-transition: all .3s;
}

#video-top {

   padding:15px;
}

#video-top .header-one-video{

   margin-top:15px;
   display: flex;
   flex-direction:column;
   align-items:center;
   width:100%;
   border:1px solid #fff;
}

#video-top .header-one-video i{

   display:block;
   width:100px;
   height:100px;
   background:url(/Content/images/play_ico.png) no-repeat center center;
   background-size: cover;
   z-index:1;
   top:23%;
   left:35%;
}

#video-top .header-one-video a{

   display:block;
   width:100%;
   height:200px;
   overflow:hidden;
}

#video-top .header-one-video a img{

   width:100%;
   height:auto;
   transition: .5s transform;
   transform: translateZ(0);
}

#video-top .header-one-video:hover{

   border:1px solid #dadada;
   transition: all .3s;
   -webkit-transition: all .3s;
}

#video-top .header-one-video:hover a img {

   transform: scale(1.1, 1.1);
   transition: 2s transform;
}

#video-top h2.title {

    border-bottom:2px solid #e5e9ec;
    height:42px;
    display: flex;
    flex-direction:row;
}

#video-top h2.title i {

    display:inline-block;
    font-style:normal;
    font-weight:800;  
}

#video-top h2.title i:first-child {

    height:42.2px;
    border-bottom:2px solid #18765b;
}

#video-top h2.title i:nth-child(2) {

   font-family: SimSun;
   margin-left:10px;
   color:#95cee8;
}

#video-top h2.title i:nth-child(2) {

   font-family: SimSun;
   margin-left:10px;
   color:#95cee8;
}

#video-top .video-title {

   margin:25px 0 20px 0;
   font-weight:800;
   padding-left:45px;
}

#video-top .video-title i{

   display:inline-block;
   width:33px;
   height:24px;
   left:0px;
   top:-4px;
   background:url(/Content/images/commonImg.png) no-repeat 50.2% 0.5%;
}

#video-top .video-title a:hover {

   color:#18765b;
   transition: all .3s;
   -webkit-transition: all .3s;
}

#video-top .header-content-more {

   border-top:1px solid #ccc;
   margin-top:15px;
   padding-top:20px;
   display: flex;
   flex-direction:column;
}

#video-top .header-content-more .cm {

   padding-left:28px;
   margin-top:7px;
}

#video-top .header-content-more .cm i {

   left:0px;
   top:0px;
   width:21px;    
   height:16px;   
   background:url(/Content/images/commonImg.png) no-repeat 58.5% 0.5%;  
}

#video-top .header-content-more .cm a {

   display:inline-block;
   max-width:290px;
}

#video-top .header-content-more .cm a:hover {

   color:#18765b;
   transition: all .3s;
   -webkit-transition: all .3s;
}

#detail-wrap {

   padding:25px 10px;
}

#detail-wrap h1.title {

   font-weight:800;
}

#detail-wrap .source-wrp {

   display: flex;
   flex-direction:row;
   justify-content:space-between;
}

#detail-wrap .source-wrp span {

   display: inline-block;
   margin: 35px 0px 15px  0px;
}

#detail-wrap .source-wrp span i {

   display: inline-block;
   font-style:normal;
   margin-left:20px;
}

#detail-wrap .source-wrp span i:first-child {

   margin-left:0px;
}

#detail-wrap .source-wrp span:nth-child(2) i {

   padding-left:20px;
}

#detail-wrap .source-wrp span:nth-child(2) i em {

   display:inline-block;
   left:0px;
   top:1px;
   font-style:normal;
   color:#989acd;
   font-size:18px;
}

#detail-wrap .source-wrp span:nth-child(2) i:hover em,
#detail-wrap .source-wrp span:nth-child(2) i:hover a{

   color:#18765b;
   transition: all .3s;
   -webkit-transition: all .3s;
}

#detail-wrap .source-wrp span:nth-child(2) i a {

   color:#989acd;
}

#detail-wrap .source-wrp span:nth-child(2) i:first-child em {

   font-size:28px;
   top: -6px;
   left:-10px;
}

#detail-wrap .zhaiyao {

   background:#f5f5f5;
   padding:15px;
   border:1px solid #e6e6e6;
   line-height:23px;
}

#detail-wrap .content {

   margin:25px 0px;
}

#detail-wrap .content img {

   max-width:600px;
   height:auto !important;
   width: expression(this.width > 600 ? 600: true);
}

#detail-wrap .orginTitle {

   margin:15px 0 ;
}

#detail-wrap .orginTitle a:hover {

   color:#18765b;
   transition: all .3s;
   -webkit-transition: all .3s;
}

#detail-wrap .share b {

   font-weight:500;
}

#detail-wrap .icon-medium:before {

    content: "";
}

#detail-wrap .bshare-custom {

    left:40px;
    top:-3px;
}

#detail-wrap .pre-next {

    margin-top:25px;
    display: flex;
    flex-direction:column;
}

#detail-wrap .pre-next span {

    display:inline-block;
    margin-bottom:5px;
}

#detail-wrap .pre-next span a:hover {

    color:#18765b;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#detail-wrap .relate-info {

    margin-top:25px;
}

#detail-wrap .relate-info h5 {

    border-bottom: 2px solid #e5e9ec;
    height: 28px;
}

#detail-wrap .relate-info h5 b {
   
    border-bottom:2px solid #18765b;
    padding-bottom:8px;
    top:-4px;
    left:0px;
}

#detail-wrap .relate-content {
   
    margin-top:20px;
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
}

#detail-wrap .relate-content a {
   
    display:inline-block;
    width:248px;
    height:200px;
    border:1px solid #e5e9ec;
    margin:0 15px 15px 0;
}

#detail-wrap .relate-content a:nth-child(3n) {
   
    margin-right:0px;
}

#detail-wrap .relate-content a span {
   
    display: flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    height:160px;
    overflow:hidden;
    border-bottom:1px solid #e5e9ec;
}

#detail-wrap .relate-content a span img {
   
    width:100%;
    height:auto;
}

#detail-wrap .relate-content a:hover {
   
    background:#e5e9ec;
    border:1px solid #ccc;
}

#detail-wrap .relate-content a:hover p {
   
   color:#18765b;
}

#detail-wrap .relate-content a p {
   
    padding:10px;
}

#video-page-box .video-category {

   margin:15px 0;
   display: flex;
   flex-direction:row;
   flex-wrap:wrap;
   justify-content:space-between;
}

#video-page-box .video-category span {

   display:block;
}

#video-page-box .video-category span:first-child {

   padding-top:6px;
}

#video-page-box .video-category span:nth-child(2) {

   width:720px;
}

#video-page-box .video-category span:nth-child(2) a {

   display:inline-block;
   padding:7px 12px;
}

#video-page-box .video-category span:nth-child(2) a:hover {
  
   color:#019e73;
   transition: all .3s;
   -webkit-transition: all .3s;
}

#video-page-box .video-category span:nth-child(2) a.cur {

   background:#019e73;
   color:#fff;
}

#video-page-box .video-sort {

   border-top:1px solid #dadada;
   background:#f7f7f7;
   padding:15px;
   display: flex;
   flex-direction:row;
}

#video-page-box .video-sort a {

   display:inline-block;
   margin-left:20px;
   color:#9b9b9b;
}

#video-page-box .video-sort a:first-child {

   margin-left:0px;
}

#video-page-box .video-sort a:hover,
#video-page-box .video-sort a.cur {

   color:#019e73;
   transition: all .3s;
   -webkit-transition: all .3s;
}

#video-page-box .video-sort span {

   right:10px;
   top:8px;
}

#video-page-box .video-sort input#video-searcher {

   padding-right:55px;
}

#video-page-box .video-sort span button {

   width:50px;
   height:32px;
   border:0;
   background:#019e73;
   right:0px;
   top:0px;
   color:#fff;
   font-size:20px;
}

#video-page-box .video-sort span button:hover {

   cursor:pointer;
}

#video-page-box #video-list {

   margin-top:25px;
   display: flex;
   flex-direction:row;
   flex-wrap:wrap;
}

#video-page-box #video-list .video-content {

   display: flex;
   flex-direction: column;
   align-items:center;
   width:247px;
   height:240px;
   border:1px solid #fff;
   margin:0 25px 25px 0;
}

#video-page-box #video-list .video-content:nth-child(3n) {

   margin-right:0;
}

#video-page-box #video-list .video-content:hover {

   border:1px solid #dadada;
   background:#f8f6f6;
   transition: all 1s;
   -webkit-transition: all 1s;
}

#video-page-box #video-list .video-content span.img {

   display:block;
   width:92%;
   height:130px;
   overflow:hidden;
}

#video-page-box #video-list .video-content span.img i {

   display:block;
   width:80px;
   height:80px;
   background:url(/Content/images/play_ico.png) no-repeat center center;
   background-size: cover;
   z-index:1;
   left:36%; 
   top:22%;
}

#video-page-box #video-list .video-content span.img img {

   width:100%;
   height:auto;
   transition: .5s transform;
   transform: translateZ(0);
}

#video-page-box #video-list .video-content:hover span.img {

   width:100%;
   transition: all 0.6s;
   -webkit-transition: all 0.6s;
}

#video-page-box #video-list .video-content:hover span.img img {

   transform: scale(1.1, 1.1); 
   transition: 2s transform;
}

#video-page-box #video-list .video-content .content {

   width: 92%;
}

#video-page-box #video-list .video-content .content h3 a {

   display:block;
   font-weight:800;
   margin:8px 0;
}

#video-page-box #video-list .video-content .content h3 a:hover {

   color:#019e73;
   transition: all .3s;
   -webkit-transition: all .3s;
}

#video-page-box #video-list .content span {

   display: flex;
   flex-direction:row;
   margin-bottom:2px;
}

#video-page-box #video-list .content span i {

   display:inline-block;
   font-style:normal;
}

#video-page-box #video-list .content span i {

   display:inline-block;
   font-style:normal;
}

#video-page-box #video-list .content span i {

   margin-left:6px;
}

#video-page-box #video-list .content span i a:hover {

   color:#019e73;
   transition: all .3s;
   -webkit-transition: all .3s;
}


#video-page-box #video-list .content span i:first-child {

   margin-left:0px;
}

#video-page-box #video-list .content span i b {

   color:#cc0000;
}

#video-player {

    margin-bottom:5px;
}

#detail-wrap .vt {

    font-weight:800;
}

#detail-wrap .vt-category {

    margin:5px 0;
}

#detail-wrap .vt-category span {

    display:inline-block;
    margin-left:25px;
    min-width:20px;
}

#detail-wrap .vt-category span li {

    display:inline-block;
    width:50px;
    left:0px;
    top:-17px;
}

#detail-wrap .vt-category span li a:hover i {

   color:#019e73;
   transition: all .3s;
   -webkit-transition: all .3s; 
}

#detail-wrap .vt-category span li:nth-child(3) a:hover i {

   color:#ff0000;
   transition: all .3s;
   -webkit-transition: all .3s; 
}

#detail-wrap .vt-category span li i {

    display:inline-block;
    font-style:normal;
    font-size:24px;
}

#detail-wrap .vt-category span li i em {

    display:inline-block;
    font-style:normal;
    left:25px;
    top:3px;
}

#detail-wrap .video-zhaiyao {

    margin:35px 0 20px 0;
}

#detail-wrap .video-zhaiyao h3 {
    height:28px;
    border-bottom:2px solid #e5e9ec;
}

#detail-wrap .video-zhaiyao h3 b {

    padding-bottom:8px;
    border-bottom:2px solid #18765b;
    left:0px;
    top:-4px;
}

#detail-wrap .vz {

    padding:15px 0;
    min-height:213px;
}