.banner{ text-align: center;}
.part1{ margin-top: 20px; }
.part1 .span8{ position: relative; width: 785px; height: 480px; margin-top: 0; overflow: hidden;}
.part1 .span4{ margin-left: 0px; margin-top: 0; width: 354px; padding-left: 15px;padding-right: 15px; background: #fff; height: 440px; }
.part1 .qlzb{ position: absolute; left: 0; top:0; z-index: 999;}
.part1 .span4 .list7 li{ margin-top: 12px;font-weight: bold; color:#4f4f4f; font-size: 22px; }
.part1 .span4 .list7 li a { font-weight: bold;  color:#4f4f4f;}
.part1 .span4 .list7 li p{ font-family: "Microsoft yahei";text-align:justify; text-justify:inter-ideograph; line-height: 1.4em; height: 110px; overflow-y: scroll; text-indent: 2em; width: 334px; position: relative ;color:#7e7e7e; margin-top: 35px; margin-bottom: 35px; }
.part1 .span4 .list7 li p span{  text-align: center;  line-height: 13px; background: url(http://img.qianlong.com/templates/qianlong/img/interview/more.jpg) no-repeat center center; display: inline-block; width: 36px; height: 13px; font-size: 10px; position: absolute; bottom: 0; right: 0;}
.part1 .span4 .list7 li p span a{color: #fff;line-height: 13px;font-size: 11px; font-weight: normal;}
.part1 .span4 .info{ margin-top: 21px;}
.part1 .span4 .info p{  color: #5f5f5f;}
.part1 .span4 .info .time{ background: url(http://img.qianlong.com/templates/qianlong/img/interview/time.jpg) no-repeat center left ; padding-left: 32px; margin-right: 45px; margin-bottom: 20px;}
.part1 .span4 .info .dizhi{background: url(http://img.qianlong.com/templates/qianlong/img/interview/dizhi.jpg) no-repeat center left ; padding-left: 32px;}
.part1 .span4 .list6{ border-top: 1px solid #bfbfbf; margin-left: 0; margin-top: 2px;  padding-top: 19px;}
.part1 .span4 .list6 li{ margin-left: 16px;}
.part1 .span4 .list6 li.first{ font-weight: bold; }
.part1 .span4 .list6 li a{ color: #242424}
.menu{ background: url(http://img.qianlong.com/templates/qianlong/img/interview/menu.jpg) no-repeat center top; height: 56px;}
.menu ul li{ height: 50px; line-height: 50px; background: url(http://img.qianlong.com/templates/qianlong/img/interview/line.png) no-repeat center left; float: left; text-align: center; padding: 0 61px;}
.menu ul li a{ color: #fff; font-size: 18px ; font-weight: bold;}
.menu ul li.first{ background: none;}
.part2 .span12 h3{   position: relative;  z-index: 99;}
.part3 .span8 h3.lm span{ font-family: "MicrosoftYaHeiLight" ; position: absolute; right: 0; bottom: 0; background: url(http://img.qianlong.com/templates/qianlong/img/interview/update.jpg) no-repeat left center; padding-left: 22px; font-size: 14px; color: #373737;}
.list18 li a.title{ font-size: 14px; color: #242424;}
.list18 li{ margin-top: 9px;}
.part3 .span8 h3  {   position: relative;  z-index: 99;}
.wzsl{ padding-bottom: 15px;}
.wzsl li{ width: 718px; border-bottom: 1px solid #dadada; margin-bottom: 10px; }
.wzsl li h3{ color: #1662c2; font-size: 16px; margin-top: 0; margin-bottom: 0; font-weight: bold; position: relative; }
.wzsl li h3 span{  font-size: 12px; color: #787878; font-weight: normal; position: absolute; right: 0 ; bottom: 0; width: 120px;   }
.wzsl li p{ font-size: 14px; color: #292929; line-height: 30px; text-align:justify; text-justify:inter-ideograph;}

.part3 .span4 .jchf .list16 li{margin-bottom: 5%;}
.retime { font-family: "MicrosoftYaHeiLight" ; text-align: right;  padding-left: 22px; font-size: 14px; color: #373737; margin-bottom: 20px;  margin-top: -40px; height: 20px; }

.list18 li a.title{ font-size: 14px; color: #242424;}
.list18 li{ margin-top: 9px;}
.part3 .span4 .gdzb .list6{ margin-left: 0;}
.part3 .span4 .gdzb .list6 li{ background: url(http://img.qianlong.com/templates/qianlong/img/interview/video.jpg) no-repeat  left 9px; list-style: none; padding-left: 30px; }
.part3 .span4 .gdzb .list6 li.first{ font-weight: bold;}
.icon { position: absolute;  left: 5px;  bottom: 4px;  width: 19px;  height: 20px;  z-index: 9999;}

.blockComment{margin-top: 17px;}
.video-content{ display: none;}
.interview-guide-crumb {
    position: relative;
    margin-top:20px;
}
.herald-crumb {
    overflow: hidden;
    _zoom: 1;

}
.herald-crumb a {
    height: 28px;
    float:left;
}
.herald-crumb em {
    float: left;
    background-color: #666;
    height: 28px;
    line-height: 28px;
    font-style: normal;
    padding: 0 6px 0 10px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    _display: inline;
}
.herald-crumb .now em {
    float: left;
    background-color: #c00;
    height: 28px;
    line-height: 28px;
    font-style: normal;
    padding: 0 6px 0 10px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    _display: inline;
}
.herald-crumb .now span {
    background-position: right 0;
}
.herald-crumb a span {
    background: url(http://img.qianlong.com/templates/qianlong/img/interview/herald-arrow.png) no-repeat right -34px;
    width: 14px;
    height: 28px;
    float: left;
}
.div_scroll {
    width: 100%;

    overflow: auto;
    height: 845px;
}
.scroll_container {
    overflow: hidden;
    position: relative;
    background-color: #fff;
}

.scroll_absolute {
    position: absolute;
}

.scroll_vertical_bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    background: #369DB4;
    margin: 0;
    padding: 0;
    border-radius:10px;
}

.scroll_track {
    position: relative;
    background-color: #dcdcdc;
    border-radius:10px;
}

.scroll_drag {
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: #201e1e;
    border-radius:10px;
}

.scroll_arrow {
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    background-color: #369DB4;
    border-radius:10px;
}

.scroll_vertical_bar .scroll_arrow {
    height: 16px;
}


/* 大屏幕 */
@media (min-width: 1200px) {   }
@media (min-width: 979px) and (max-width: 1199px) {
    .container,#localNav,#channelNav,.footer,.menu,.banner{ width:1170px;}
    #channelNav .navbar .nav > li > a{padding: 5px 7px;}
    .span12 {
        width: 1170px;
    }
    .span11 {
        width: 1070px;
    }
    .span10 {
        width: 970px;
    }
    .span9 {
        width: 870px;
    }
    .span8 {
        width: 770px;
    }
    .span7 {
        width: 670px;
    }
    .span6 {
        width: 570px;
    }
    .span5 {
        width: 470px;
    }
    .span4 {
        width: 370px;
    }
    .span3 {
        width: 270px;
    }
    .span2 {
        width: 170px;
    }
    .span1 {
        width: 70px;
    }

}
/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
    .container,#localNav,#channelNav,.footer,.menu,.banner{ width:1170px;}
    #channelNav .navbar .nav > li > a{padding: 5px 7px;}
    .span12 {
        width: 1170px;
    }
    .span11 {
        width: 1070px;
    }
    .span10 {
        width: 970px;
    }
    .span9 {
        width: 870px;
    }
    .span8 {
        width: 770px;
    }
    .span7 {
        width: 670px;
    }
    .span6 {
        width: 570px;
    }
    .span5 {
        width: 470px;
    }
    .span4 {
        width: 370px;
    }
    .span3 {
        width: 270px;
    }
    .span2 {
        width: 170px;
    }
    .span1 {
        width: 70px;
    }

}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    .banner{ background:none; height: auto;}
    .container .row{ margin-top: 10px;  }
    .part1 .span8{ width: 100%; height: auto;}
    .part1 .span4{ width: 100%; height: auto;}
    .part1 .span4 .list7 li p{ width: 98%;}
    .part3 .span4 h3{ margin-bottom: 36px;}
    .wzsl li{ width: 98%;}
    .blockComment{ width: 96%; margin-left: 10px;}
    .jchf h3{ margin-top: 26px; }
    .iframe1{ width: 100%; height: 450px; margin-top: -20px;   margin-top: -25px; }
    .iframe2{ width: 100%; height: 850px; margin-top: -20px;   margin-top: -25px; }
    #vodPlayer {
        visibility:inherit;
    }
    .part1 .span4 .list7 li{ margin-top: 12px;font-weight: bold; color:#4f4f4f; font-size: 22px;}
    .part3 .span4 .gdzb .list6 li{ background: url(http://img.qianlong.com/templates/qianlong/img/interview/video.jpg) no-repeat  left 9px;}
    .wzsl li{ width: 98%;}
    .list18 li{ width: 98%}
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    .banner{ background:none; height: auto;}
    .container .row{ margin-top: 10px;  }
    .part1 .span8{ width: 100%; height: auto;}
    .part1 .span4{ width: 100%; height: auto;}
    .part1 .span4 .list7 li p{ width: 98%;}
    .part3 .span4 h3{ margin-bottom: 36px;}
    .wzsl li{ width: 98%;}
    .blockComment{ width: 94%; margin-left: 10px;}
    .jchf h3{ margin-top: 26px; }
    .list6 li{text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;}

    .part1 .list6 li{background: transparent url(http://img.qianlong.com/templates/qianlong/img/interview/sq.jpg) no-repeat scroll left center;
        padding-left: 10px;list-style:  none;}
    .part1 .span4 .list7 li p span{  bottom: 4px; }
    .list7 li a{ line-height: 1.2em;}
    .part1 .span4 .list7 li p{ margin-top: 10px;}
    .part1 .span4 .list6 li{ margin-left: 0;}

    #vodPlayer {
        visibility:inherit;
    }
    .part1 .span4 .list7 li{ margin-top: 12px;font-weight: bold; color:#4f4f4f; font-size: 22px;}
    .part3 .span4 .gdzb .list6 li{ background: url(http://img.qianlong.com/templates/qianlong/img/interview/video.jpg) no-repeat  left 9px;}
    .wzsl li{ width: 98%;}
    .list18 li{ width: 98%}
}