h2 {
    font-size: 26px;
    font-weight: 400;
}
.bill-list {
    display: table;
    width: 958px;
    border: 1px solid #e4e4e4;
    border-bottom: none;
    color: #333;
    font-size:14px;
}
.bill-list .row {
    display: table-row;
    line-height: 98px;
}
.bill-list .row.active,
.bill-list .row:hover {
    background: #f2f2f2;
}
.bill-list .icon,
.bill-list .name,
.bill-list .current,
.bill-list .next,
.bill-list .playbill{
    display: table-cell;
    border-bottom: 1px solid #e4e4e4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bill-list .icon {
    width: 100px;
    text-align: center;
}
.bill-list .icon > img {
    max-width: 50px;
    max-height: 50px;
    vertical-align: middle;
}
.bill-list .name {
    width: 210px;
    text-indent: 4px;
    font-weight: bold;
    color: #333;
    font-size: 14px;
}
.bill-list .current {
    width: 200px;
    text-indent: 40px;
    font-size: 12px;
    color: #333;
}
.bill-list .next {
    width: 249px;
    border-left: 1px solid #f2f2f2;
    text-indent: 59px;
    font-size: 12px;
    color: #999;
}
.bill-list .playbill{
    width: 200px;
    border-left: 1px solid #f2f2f2;
    text-indent: 59px;
    font-size: 12px;
    color: #999;
}
.bill-list .playbill a{
    background: #fff;
    border:solid 1px #ddd;
    padding: 4px 10px;
    border-radius: 4px;
}
.bill-list .play-icon {
    width: 16px;
    height: 16px;
    background: url(/uploads/image/rts1dacimages/play-green.png);
    display: inline-block;
    _display: block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 8px;
}
.video {
    position: relative;
    height: 550px;
    background: #282828;
}
.video .player {
    width: 700px;
    height: 100%;
}
.video .player iframe {
    width: 100%;
    height: 100%;
}
.video .bar {
    background: #282828;
    width: 30px;
    height: 100%;
    position: relative;
    cursor: pointer;
}
.video .bar:hover {
    background: #1d1d1d;
}
.video .bar .arrow {
    background-image: url(/uploads/image/rts1dacimages/stream-arrow.png);
    background-position: 0 0;
    width: 10px;
    height: 60px;
    position: absolute;
    top: 240px;
    left: 9px;
    cursor: pointer;
}
.video .bar:hover .arrow {
    background-position: -10px 0;
}
.video.extend .player {
    width: 930px;
}
.video.extend .bar .arrow {
    background-position: 0 -60px;
}
.video.extend .bar:hover .arrow {
    background-position: -10px -60px;
}
.video.extend .playbill {
    display: none;
}
.video.extend .fix-date-outter{
    display: none;
}
.video .fix-date-outter {
    position: absolute;
    background: #282828;
    z-index: 100;
    width: 228px;
    height: 50px;
    top: 0;
    right: 0;
    padding-left: 2px;
}
.video .fix-date {
    font-size: 14px;
    color: #797979;
    line-height: 50px;
    text-indent: 15px;
    margin-left: -1px;
    border-left: 1px solid #363636;
    height: 50px;
}
.video.noplaylist .fix-date-outter {
    display: none;
}
.video .playbill {
    width: 230px;
    height: 100%;
    font-size: 13px;
    position: relative;
    z-index: 10;
}
.video .playbill-inner {
    min-height: 100%;
    _height: 100%;
    padding-top: 40px;
    border-left: 1px solid #363636;
    float: right;
    width: 228px;
}
.video .playbill .date {
    font-size: 14px;
    color: #808080;
    line-height: 50px;
    text-indent: 15px;
    margin-left: -1px;
}
.video .playbill .item {
    color: #bcbcbc;
    line-height: 40px;
    text-indent: 16px;
    margin-left: -2px;
    display: block;
}
.video .playbill .item.unplayable {
    color: #515151;
}
.video .playbill .item.pass {
    background: url(/uploads/image/rts1dacimages/stream-dot.png) no-repeat 0 50%;
}
.video .playbill .item.current {
    color: #bcbcbc;
    background: url(/uploads/image/rts1dacimages/stream-dot.png) no-repeat 0 50%;
}
.video .playbill .item.playing {
    color: #007aff
}
.video.noplaylist .player {
    width: 100%;
}
.video.noplaylist .bar {
    display: none;
}
.video.noplaylist .playbill {
    display: none;
}
.video .loading {
    margin-left: 13px;
}
.loading {
    background: url(/uploads/image/rts1dacimages/loading2.gif);
    display: block;
    width: 16px;
    height: 16px;
}

/*节目单预告*/
.playbill-section{
    background: red;
}
.playbill-section .left{
    width: 200px;
    float: left;
    background: #f6f9fc;
    border-radius: 4px;
    min-height: 600px;
}
.playbill-section .left .stream-tab{
    height: 38px;
    line-height: 38px;
    overflow: hidden;
}
.playbill-section .left .stream-tab .item{
    float: left;
    width: 50%;
    font-size: 16px;
    color: #384047;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #f6f9fc;;
    border-bottom: solid 2px #f9f9f9;
    cursor: pointer;
}
.playbill-section .left .stream-tab .item.active{
    background: #379ef1;
    border-bottom: solid 2px #379ef1;
    color:#fff;
}
.playbill-section .left .stream-list{
    margin-top: 10px;
}
.playbill-section .left .stream-list li{
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    color: #384047;
    padding-left: 14px; 
    border-left: solid 6px #f6f9fc;
    background: #f6f9fc;
    cursor: pointer;
}
.playbill-section .left .stream-list li.active,
.playbill-section .left .stream-list li:hover{
    border-left: solid 6px #379ef1;
    background: #edf2f7;
}
.playbill-section .right{
    float: right;
    width: 718px;
}
.playbill-section .right .date{
    overflow: hidden;
    height: 38px;
    border-radius: 6px;
    width :100%;
    background: #f6f9fc;
}
.playbill-section .right .date .prev,
.playbill-section .right .date .next{
    float: left;
    width: 30px;
    height: 38px;
    line-height: 38px;
    background: #379ef1;
    color:#fff;
    font-weight: 700;
    text-align: center;
    font-size: 16px;
}
.playbill-section .right .date ul{
    float: left;
    width: 658px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
}
.playbill-section .right .date ul li{
    float: left;
    height: 38px;
    line-height: 38px;
    width: 93px;
    border-right:solid 1px #ddd;
    text-align: center;
    color: #7a8086;
}
.playbill-section .right .date ul li.active,
.playbill-section .right .date ul li:hover{
    background: #379ef1;
    color:#fff;
}
.playbill-section .right .date ul li:last-child{
    border-right:solid 1px #f6f9fc;
}
.playbill-section .right .playbill-list{
    margin-top: 15px;
    background: #f6f9fc;
    border-radius: 4px;
    min-height: 547px;
}
.playbill-section .right .playbill-list li{
    line-height: 44px;
    overflow: hidden;
    font-size: 16px;
}
.playbill-section .right .playbill-list li .time{
    float: left;
    width: 223px;
    text-indent: 33px;
}
.playbill-section .right .playbill-list li .name{
    float: left;
    width: 480px;
}
.playbill-section .right .playbill-list li:nth-of-type(odd){
    background: #edf2f7;
}