.view-con{margin-top: 30px;}
/*--头部*/
.nav-head{margin-bottom: 10px;}
.nav-head p.head-nav{margin-bottom: 20px;  color: #a0a0a0;}
.nav-head p.head-nav a{color: #a0a0a0;}

/*视频区*/
.con-left{width:880px;float: left;}
.con-right{width:300px;float: right;}
.con-left .con-top p span{display: block;float: left;margin-left: 15px;}
.con-left .con-top p i{display: block;width:13px;height:13px;float: left;margin:3px 6px 0 0;}
.con-left .con-top p i.v-play{background: url(../images/v-play.png) no-repeat ;background-size: 13px;}
.con-left .con-top p i.v-comment{background: url(../images/v-comment.png) no-repeat;background-size: 13px;}
.con-left .con-top p i.v-time{background: url(../images/v-time.png) no-repeat;background-size: 13px;}
.con-left .con-top{position:relative;margin-bottom: 20px;}
.con-left .con-top h5{font-size: 18px;}
.con-left .con-top p{position: absolute;top:5px;right:0;}
.con-left .content {width:840px;height: 510px;padding:10px 20px;}
.con-left .content iframe, .con-left .content embed {display: block;width:100%;height:100%;border:none;}


/*分享图标*/
#share{height:26px;line-height:26px;margin: 20px 0;text-align: right;}
#share .s-text{margin-right: 5px;color:#a0a0a0;}
#share .bdsharebuttonbox{margin-top: 3px;}
#share a{width: 26px;height: 26px;float: right;display: block;margin: 0 0 0 8px;padding:0;}
#share a.bds_sqq{background: url(../images/v-qq.png) no-repeat;}
#share a.bds_weixin{background: url(../images/v-weixin.png) no-repeat;}
#share a.bds_tsina{background: url(../images/v-sina.png) no-repeat;}

/*简介*/
.introduce .in-title{font-size: 16px;margin-bottom: 10px;}
.introduce .in-title i{width: 3px;height: 17px;display:block;float:left;    margin: 4px 10px 0 0;background: #53aaf8;}
.introduce p{padding:20px 15px;font-size:14px;line-height:22px;text-align: justify;background: #f8f8f8;}

/*精彩评论*/
.comment-con{margin-top: 20px;}
.comment .c-title{font-size: 20px; position: relative; }
.comment .c-title span{margin-left: 15px;}
.comment .c-title span,.comment .c-title a{font-size: 12px; color: #c2c0c0;}
.comment .c-title a:hover{color: #6d56f7;}
.comment .c-title .tnum{position: absolute;right: 0;bottom:5px;}
.comment .c-area{position:relative;}
.comment .c-area .textarea {padding: 10px; height: 100px; overflow-y: auto; font-size: 16px; border: solid 1px #6d56f7; outline: none; resize: none;}
.comment .c-area .subtn{position:absolute;right: 5px; bottom: 5px;display:block;width: 70px;height: 30px;color:#fff;border-radius:2px;-webkit-border-radius:2px;text-align: center;line-height: 30px;background:#6d56f7;}
.comment .c-area .subtn:hover{color:#fff;}
.comment .c-area .c-sub .subtn.loading {font-size: 0; text-indent: -999em; background-color: #fff; background-image: url('/static/images/dots32.gif'); background-repeat: no-repeat; background-position: center;}
/*所有评论*/
.comment .c-content{margin-top: 30px;}
.comment .c-content .c-nav{font-size: 16px;position: relative; padding: 10px 0;  border-bottom: solid 1px #ddd;}
.comment .c-content .c-nav .c-title{padding:10px 0;border-bottom:solid 2px #6d56f7;}
.comment .c-content .c-nav .c-orderby{position: absolute;right: 0;font-size: 12px;}
.comment .c-content .c-nav .c-orderby a{display:inline-block;width: 50px;height: 22px;text-align: center;line-height: 22px;border:solid 1px #ddd;border-radius:2px;-webkit-border-radius:2px;}
.comment .c-content .c-nav .c-orderby a.active{background:#6d56f7;color:#fff;border:solid 1px #6d56f7;}

.comment .c-list li{padding:20px 0 0;}
.comment .c-list li>img{width: 43px;height: 43px;border-radius: 50%;}
.comment .c-list li .c-body{width: 94%;float: right; color: #999;line-height: 20px;border-bottom: dotted 1px #ccc;}
.comment .c-list li .c-body p{margin-top: 6px; color: #333; font-size: 14px;  line-height: 24px;  word-break: break-all;}
.comment .c-list li .c-body .colorAnimate{color:#6d56f7;margin-right: 10px;}
.comment .c-list .empty {line-height: 100px; height: 100px; text-align: center; font-size: 14px;}
.comment .c-list .loading {width: 80px; height: 8px; display: block; margin: 50px auto; background: url('/static/images/loading_h8.gif') no-repeat;}
.comment .c-list li .c-footer{  padding-bottom:10px;    color: #999;}
.comment .c-list li .c-footer a{display: inline-block;color: #999; margin-right: 10px;}
.comment .c-list li .c-footer a s{float: left; display: block; width: 12px;  height: 12px;  margin-right: 5px;  background: url(../images/listSprite.png) no-repeat;}
.comment .c-list li .c-footer .praise s {  background-position: -38px -93px;  margin-top: 5px;  }
.comment .c-list li .c-footer .reply s {  width: 15px;  height: 11px;  margin-top: 5px;  background-position: -62px -93px;  }
.comment .c-list li .c-footer .praise:hover s, .comment .c-list li .c-footer .praise.active s {background-position: -50px -93px; color: #6d56f7;}
.comment .c-list li .c-footer a:hover.reply s, .c-list li .c-footer .reply.active s {background-position: -62px -104px; color: #6d56f7;}
.comment .c-list li .children{width: 95%;clear: both; float: right;}
.comment .c-list li .children li img {  width: 36px;  height: 36px;  }
#loadMore {background-color: #ddd; color: #555; text-align: center; height: 28px; line-height: 28px; border-radius: 2px; cursor: pointer;}
#loadMore:hover {background-color: #ccc;}
#loadMore.loading {font-size: 0; text-indent: -999em; background-color: #ccc; background-image: url('/static/images/loading-grey.gif'); background-repeat: no-repeat; background-position: center;}
.comment .c-list .c-area {display: none; margin: 0 0 10px 0;}


/*右边列表内容*/
.con-right .ul-list{padding:20px 15px;border:solid 1px #eee;margin-bottom: 30px;}
.ul-list h5{font-size: 16px;}
.ul-list ul li{padding:15px 0;border-bottom:solid 1px #f8f8f8;}
.ul-list ul li:last-child{padding-bottom: 0;border:none;}
.ul-list ul li a{position:relative;display: block;width: 100%;height: 85px;}
.ul-list ul li img{width: 140px;height: 85px;}
.ul-list ul li .list-right{width: 45%;  float: right;text-align: justify;}
.ul-list ul li .list-right .l-title{ display: block;  display: -webkit-box;height: 68px;  line-height: 1.8; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
.ul-list ul li .list-right .l-text{ position: relative;color:#a0a0a0;font-size: 12px;}
.ul-list ul li .list-right .l-text span{position: absolute; bottom:0; right: 0;}
.ul-list ul li .l-state{display:block;color:#fff;text-align:center;position:absolute;top:0;left:0;width: 20px;height: 20px;}
.ul-list ul li .l-state.state1{background: #f65184;}
.ul-list ul li .l-state.state2{background: #4c68f7;}