/******科普封面******/

.container .top_line{border-top:1px solid #f0f0f0;height:1px;width:100%;}
.main_box {margin-left:20px;}
.main_box .right{float:left;width:300px;border:1px solid #f0f0f0;}
.main_box .right h2.title{font-size:18px;font-weight:normal;line-height: 58px;text-align:center;}
.main_box .right .kepu_box{border-top:1px solid #f0f0f0;}
.main_box .right .kepu_box .title{font-size:14px;line-height:20px;}
.main_box .right .kepu_box .time_str{font-size:12px;line-height:12px;color:#aba2a2;margin-top:18px;}
.main_box .right .kepu_box .video_img{float:left;width:80px;height:50px;margin:10px;}
.main_box .right .kepu_box .video_img img{width:100%;height:100%;}
.main_box .right .kepu_box .video_img .videoPlay{position:relative;left:0;top:0;line-height:50px;}
.main_box .right .kepu_box .video_img .videoPlay .icons_before {display: block;position: absolute;left: 50%;top: 50%;margin-top: -12px;margin-left: -12px;width: 24px;height: 24px;border-radius: 50%;border: 0px solid #fff;background: #3331314d;}
.main_box .right .kepu_box .video_img .videoPlay .icons_before::before {position: absolute;left: 50%;top: 50%;margin-top: -8px;margin-left: -4px;border-left: 12px solid #fff;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.main_box .right .kepu_box .video_img_default{float:left;width:80px;height:50px;margin:10px;display:table-cell;vertical-align:middle;text-align:center;}
.main_box .right .kepu_box .video_info{float:left;margin:10px 10px 10px 0px;width:188px;}


.expert_list_box{background:#fff;float:left;width:100%;margin-bottom:15px;}
.expert_list_box .expert{float:left;width:200px;padding:10px;text-align: center;}
.expert_list_box .expert .span_img{display:inline-block;overflow:hidden; width:100px;height:100px;border-radius: 50%;border:1px solid #fff;}
.expert_list_box .expert .span_name{font-size:12px;margin-top:5px;line-height:20px;text-align: center;color:#aba2a2;}
/**医生头像特效**/
.expert_list_box .expert .span_img img{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);width:98px;height:98px;}
.expert_list_box .expert:hover .span_img img{transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transition: all .3s;}

.article_list_box{background:#fff;float:left;width:100%;margin-bottom:15px;}
.article_list_box .kepu_box{float:left;width:592px;padding:5px 0px;border:1px solid #f0f0f0;margin-bottom:15px;}
.article_list_box .kepu_box:hover{box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 21%);transition:all .3s;}
.article_list_box .kepu_box_r{margin-left:16px;margin-bottom:15px;}
.article_list_box .kepu_box .expert{float:left;width:80px;padding:10px 10px 5px 10px;}
.article_list_box .kepu_box .expert .span_img{display:inline-block;overflow:hidden; width:60px;height:60px;border-radius: 50%;border:1px solid #fff;}
.article_list_box .kepu_box .expert .span_name{font-size:12px;margin-top:0px;line-height:20px;text-align: center;color:#aba2a2;}
.article_list_box .kepu_box .kepu{height:100px;width:500px;float:left;}
.article_list_box .kepu_box .title{font-size:16px;line-height:35px;}
.article_list_box .kepu_box .summary{line-height:20px;min-height:40px;max-height:40px;overflow:hidden;font-size:12px;text-align:left;margin-top:-3px;color:#aba2a2;}
.article_list_box .kepu_box .bottom{font-size:12px;line-height:20px;margin-top:3px;}
.article_list_box .kepu_box .bottom .hospital{width:300px;float:left;color:#aba2a2;}
.article_list_box .kepu_box .bottom .time{width:80px;float:right;color:#aba2a2;}


.video_list_box{padding-left:16px;}
.video_list_box .kepu_box{margin:0px 15px 15px 0px;width:288px;height:265px;float:left;background:#fff;border: 1px solid #f0f0f0;}
.video_list_box .kepu_box:hover{box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 21%);transition:all .3s;}
.video_list_box .last{margin-right:0px;}
.video_list_box .kepu_box .video_img{width:288px;height:162px;margin-left:-1px;margin-top:-1px;}/*阴影效果会让边框显示出来很难看，-1px可以让图片覆盖左右上三边边框*/
.video_list_box .kepu_box .video_img .videoPlay{position:relative;left:0;top:0;line-height:162px;}
.video_list_box .kepu_box .video_img .videoPlay .icons_before {display: block;position: absolute;left: 50%;top: 50%;margin-top: -18px;margin-left: -18px;width: 36px;height: 36px;border-radius: 50%;border: 2px solid #fff;}
.video_list_box .kepu_box .video_img .videoPlay .icons_before::before {position: absolute;left: 50%;top: 50%;margin-top: -8px;margin-left: -4px;border-left: 12px solid #fff;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.video_list_box .kepu_box .video_img_default{width:288px;height:162px;border-bottom:1px solid #f0f0f0;display:table-cell;vertical-align:middle;text-align:center;}
.video_list_box .kepu_box .bottom{border:0px solid #ddd;padding-top:10px;height:105px;border-top:0px;}
.video_list_box .kepu_box .expert{float:left;width:180px;padding-left:10px;}
.video_list_box .kepu_box .expert .span_img{float:left;display:inline-block;overflow:hidden; width:40px;height:40px; border:1px solid #ffffff;border-radius: 50%;}
.video_list_box .kepu_box .expert .span_name{float:left;font-size:12px;color:#aba2a2;margin:10px;line-height:20px;}
.video_list_box .kepu_box .time{float:right;width:105px;padding:10px 0px;}
.video_list_box .kepu_box .time .time_ico{width:20px;height:20px;background-image: url('../images/icons.png');background-repeat: no-repeat;background-position: left -107px top -540px;}
.video_list_box .kepu_box .time .time_str{float:left;line-height:20px;margin-left:5px;font-size:12px;color:#aba2a2;}
.video_list_box .kepu_box .title{float:left;font-size:16px;line-height:30px;padding:10px;}