.contain{padding-top: 30px;padding-bottom: 70px;}
.con{position: relative;}
.fl{float: left;}
.fr{float: right;}
/*左边导航*/
.navlist.topfixed{position: fixed!important;top:60px;z-index: 10;}
.navlist{position: absolute;top:0;width: 140px;z-index: 1;background-color: #fff;margin-right: 15px;overflow: hidden;}
.navlist .hd {height: 44px;line-height: 44px;color: #fff;background: #4889f3;border-radius: 3px 3px 0 0;}
.ch2-list {border: 1px solid #f0f0f0;overflow: hidden;width:160px;max-height: 590px;overflow-y: auto;}
.navlist .hd h2 {text-align: center;font-size: 15px;font-weight: 400;}
.ch2-list .item {border-top: 1px solid #f0f0f0;width:138px;border-right: 1px solid #f0f0f0;}
.ch2-list .item:first-child {border-top: none;}
.ch2-list .item a{position: relative;display: block;color: #666;font-size: 16px;height: 56px;line-height: 56px;text-align: center;background-color: #fff;}
.ch2-list .item a:hover{color: #4889f3;}

/*中间*/
.channel_mod{float: left;width: 700px;min-height: 300px;background: #fff;margin-left: 180px;}
.channel_mod .empty {font-size: 14px;text-align: center;line-height: 168px;color: #bfbfbf;}

.channel_mod .list{padding: 0 10px;}
.channel_mod .list li:first-child{border: none;}
.channel_mod .list li {padding: 20px 0;border-top: 1px solid #e6e6e6;}
.channel_mod .list li:hover{background: #f3f6f8;}
.channel_mod .list li .picture{float: left;margin-right: 20px;width: 223px;height: 130px;overflow: hidden;min-width: 223px;max-width: 223px; object-fit: cover;}
.channel_mod .list li img{width: 100%;min-height: 130px;-webkit-transition: -webkit-transform .3s ease-out;transition: -webkit-transform .3s ease-out;-o-transition: transform .3s ease-out;transition: transform .3s ease-out,-webkit-transform .3s ease-out;}
.channel_mod .list .item img:hover{-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.channel_mod .list .binfo{padding-right: 10px;color: #666;}
.channel_mod .list .detail h3 {line-height: 32px;min-height: 70px;font-size: 20px;font-weight: 400;height: 36px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.channel_mod .list .detail h3 a:hover{color: #4889f3;}
.channel_mod .list .icon-hots {display: inline-block;width: 24px;height: 23px;background: url('../images/icon-hot.png') 0 no-repeat;}
.channel_mod .list .tags {height: 20px;line-height: 20px;margin-bottom: 13px;}
.channel_mod .list .tag {display: inline-block;font-size: 12px;background-color: #f0f0f0;border-radius: 20px;padding: 0 10px;color: #999;margin-right: 10px;}
.channel_mod .list .tag:hover{background: #e3f3fe;color: #4889f3;}
.channel_mod .list .cmt {display: inline-block;cursor:pointer;line-height: 20px;height: 20px;color: gray;margin-left: 15px;padding-left: 18px;background: url('../images/pl.png') no-repeat 0;}
.channel_mod .list .cmt:hover{background: url("../images/pl_h.png") no-repeat 0;color: #4889f3;}
.channel_mod .list .souce{margin-right: 10px;}
.channel_mod .list .souce:hover{color: #4889f3;}
.channel_mod .list .t{display: inline-block;color: gray;height: 22px;line-height: 22px;padding-left: 18px;background: url('../images/fx.png') no-repeat 0;cursor: pointer;}
.channel_mod .list .sharebtn:hover{background:url("../images/fx_h.png") no-repeat 0;color: #4889f3;}

.channel_mod .list .item-pics  h3 {font-size: 20px;font-weight: 400;height: 36px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.channel_mod .list .item-pics  h3:hover a{color: #4889f3;}
.channel_mod .list .item-pics .picture {float: left;margin: 0 0 0 5px;}
.channel_mod .list .item-pics .pics {display: block;margin: 7px 0 11px;margin-left: -5px;}
.channel_mod .list .item-pics .tags {margin: 0 0 0 10px;}


/*右侧媒体信息*/
.inforight{float: right;width: 300px;background: #fff;}
.mediaInfo{width: 300px;border: 1px solid #eee;}
.mediaInfo .author{border-bottom: 1px solid #eee;position: relative;box-sizing: border-box;padding: 30px 15px 20px 104px;}
.mediaInfo .author .pic{width: 70px;height: 70px;border-radius: 50%;overflow: hidden;position: absolute;top: 30px;left: 15px;}
.mediaInfo .author .pic img{width: 100%;height: 100%;}
.mediaInfo .author .name{font-size: 18px;color: #333;font-weight: bold;}
.mediaInfo .author .name:hover{color: #4889f3;}
.mediaInfo .author .dec{font-size: 13px;color: #6b6b6b; word-wrap: break-word; word-break: break-all;}
.collect_box{padding-top: 6px;}
.collect{display:inline-block; width: 63px;height: 26px;cursor:pointer;border: 1px solid #137ef9;border-radius: 4px; color: #137ef9;text-align: center;line-height: 26px;}
.collect.active, .collect.disabled{background: #eee;color: #a0a0a0;border: 1px solid #eee;}
.collect.disabled {cursor: no-drop;}
.mediaInfo .msg{position: relative;height: 60px;color: #bdbdbd;font-size: 14px;padding-top: 11px;}
.mediaInfo .msg div{width: 150px;text-align: center;}
.mediaInfo .msg .line{height: 58px;width: 0;border-right: 1px solid #eee;position: absolute;top: 6px;left: 150px;}
.mediaInfo .msg div span{display: block;color: #333;font-size: 18px;}

/*新增视频列表*/
/*.item-videos{background-color:rgb(255, 255, 255); border-top-color:rgb(51, 51, 51); color:rgb(51, 51, 51); font-size:12px; font-weight:400; height:126px;line-height:18px; list-style-position:outside;list-style-type:none; padding-bottom:20px; padding-top:20px; text-align:left; }
.item-videos .pic{width: 224px; height: 126px; overflow: hidden; display: block;} 
.item-videos .pic img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.item-videos .inner{position: relative;height: 126px;padding-left: 240px;}
.item-videos .inner .info{height: 126px; position: relative;}*/


.item-videos{padding: 20px 0;border-top: 1px solid #e6e6e6;background-color: #fff;}
.item-videos:first-child{    border-top: none;}
.item-videos .inner{position: relative;height: 126px;padding-left: 240px;}
.item-videos:hover{background: #f4f7fa;}
.item-videos .pic{ display: block;width: 224px;height: 126px;position: absolute;left: 0px;top: 0px;}
.item-videos .pic .paly_time{position: absolute;width: 40px;height: 20px;left: 5px;bottom: 5px;padding-left: 20px;background: rgba(0,0,0,.5);border-radius: 10px;color: #fff;font-size: 12px;line-height: 20px;}
.item-videos .pic .paly_time:after{content: "";position: absolute;top: 5px;left: 8px;width: 0;height: 0;overflow: hidden;border: 5px solid transparent;border-left:7px solid #fff;}
.item-videos .pic img{width: 224px;height: 126px;}
.item-videos .pic .duration{position: absolute;width: 40px;height: 20px;left: 5px;bottom:5px;padding-left: 20px;background: rgba(0,0,0,0.5);border-radius: 10px;color: #fff;font-size: 12px;line-height:20px;  }
.item-videos .pic .duration:after{content: "";position: absolute;top: 5px;left: 8px;width: 0;height:0;overflow: hidden;border: 5px solid transparent;border-left: 7px solid #fff;}

.item-videos .info{height: 126px;position: relative;}
.item-videos .info .title{color: #393939;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.item-videos .info .title:hover{color: #4889f3;}
.item-videos .info .items{position:absolute;bottom:0;font-size: 12px;color: gray;line-height: 40px;}
.item-videos .info .items .author{margin-right: 10px;color: #393939;}
.item-videos .info .items .author:hover{color: #4889f3;}
.item-videos .info .items .sharebtn{position: relative;margin-right:15px;padding-left: 18px;z-index: 10;background: url('../images/v_fx.png') no-repeat 0;}
.item-videos .info .items .sharebtn:hover{background: url("../images/v_fxh.png") no-repeat 0;}
.item-videos .info .items .count{display: inline-block;position: relative;padding-left: 20px;line-height: 40px;}
.item-videos .info .items .count:before{ content: "";position: absolute;top: 15px;left: 0;width: 12px;height: 12px;background-color: #b3b3b3;border-radius: 50%;}
.item-videos .info .items .count:after{content: "";position: absolute;top: 18px;left: 4px;width: 0;height: 0;border: 3px solid transparent;border-left: 5px solid #fff;}
.l0{left: 0}
.r0{right: 10px}

.item-videos{position: relative;}
.item-videos .loa{text-align: center;color: #a0a0a0;font-size: 14px;cursor: pointer;margin-bottom: 30px;margin-top: 30px;}