﻿/*main01*/
.article_box img{margin-right:15px;width:142px;height:107px;}
.article_box img:hover{opacity:0.8;}
.article_list li{}
.box_l {margin-right:20px;}
.video_list li{ position:relative; float:left;width:100%;margin-bottom:20px;}
.video_list li img{ width:210px; height:130px; border:1px solid #15a4a8; padding:1px;float:left;margin-right:15px;}
.video_list li h2{ font-size:14px; line-height:30px;}
.Count,.play_time{ line-height:30px;}
.video_list li p{padding-left: 15px;background: url(../../common/images/btn_count.png) no-repeat left center;float:left;}
.video_list li .video_btn {position: absolute;top: 2px;left: 2px;background: url(../../common/images/video/play-btn.png) no-repeat center;width: 210px;height:130px;display: block;text-indent: -9999px;cursor: pointer;}
.video_list li .video_btn:hover{ background:url(../../Common/images/op_bg.png) repeat;height: 130px; width: 210px;}


/*疾病专题*/
.main02{width:100%;padding:30px 0;background:#f6f6f6;}
.Pic_Scroll{ zoom:1;position:relative; background:#fff;}
.Pic_Scroll .pcont{overflow:hidden;width:100%;}
.Pic_Scroll .ScrCont{width:1000000px;zoom:1;}
.Pic_Scroll ul{ float:left;}
.Pic_Scroll ul li{width:270px; float:left;margin-right:20px;line-height: 26px;}
.Pic_Scroll ul li img{width: 270px;height: 178px;padding: 1px;display: block;float: left;border: 1px solid #ededed;}
.Pic_Scroll ul li .title_type{ line-height:30px;}
.Pic_Scroll ul li .disName{text-align: center;width: 100%;display: block;}
.Pic_Scroll ul li .disCont .more{ float:none;line-height:26px; color:#15a4a8;}
.Pic_Scroll ul li .disCont .more:hover{ font-weight:700;}

@media only screen and (max-width:768px)
{
 .W796{width:100%;}
 .W388{width:100%;}
 .video_list li{width:48%;margin-right:2%;}
 .article_list li{width:44%;float:left;margin-right:2%;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
.main02 {width: 100%; padding: 0; background: #fff;}
}
@media only screen and (max-width:640px)
{
 .video_list li{width:100%;margin-right:0;}
}
@media only screen and (max-width:560px)
{
 .article_list li{width:100%;float:none;margin-right:0;box-sizing:border-box;}
 .article_box img{width:100%;height:auto;margin-right:0;float:none;}
}
@media only screen and (max-width:480px)
{
 .article_list li{width:100%;margin-right:0;float:none;}
}
@media only screen and (max-width:380px)
{
 .video_list li{width:70%;margin:0 auto;float:none;}
 .video_list li img{float:none;margin-right:0;}
}

  