﻿.img_left img{width:260px;height:235px;float:left;}
.more{ color: #2076bd;}
.col-md-9 .article_list .title_type,.disName{  font-size: 18px;}
.col-md-9 .article_list p{line-height: 26px;margin-top: 10px;}
.disCont{ line-height: 26px;}
.releated p{ margin-top: 0 !important;float: left;margin-right: 20px;}

/* _____ */
.hos_t  li a{font-size: 14px!important;}
.H400{height: 400px;}
/*健康大讲堂*/
.video_list{padding:15px; border: 1px solid #eee;}
.video_list img{width:100%;height: 121px;float:none;}
.video_list li{position: relative;width: 100%;float: none;margin: 0px auto; +width: 22%; +margin-right: 6px; height: 121px;
 margin-bottom: 20px;}

 a.video_btn:hover{background: url(../../common/images/video/play-btn.png) no-repeat center;}
.video_btn{display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 left: 1px;
 bottom: 2px;
 z-index: 9;
}
.maintitle{
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.swiper-container-video .maintitle{
  bottom: 11px;
  padding: 0 5px;
}
.maintitle a{color: #fff;
  display: block;
  background: rgba(0,0,0,0.5);
  padding: 5px 0;
  /* line-height: 30px; */
  line-height: initial;}
.video_img:hover{background: url(/Sites/Uploaded/UserUpLoad/20160630/20160630172458.png) repeat;}
.play_time{background:url(/Content/Areas/Common/images/Article/op_bg.png) repeat;position: absolute;z-index: 1;top: 120px;width: 100%;height: 25px;line-height: 25px;}
.play_time span{background: url(/Content/Areas/common/images/video/btn_count.png) no-repeat left center;padding-left:15px;color: #fff;float: right;padding-right: 20px;}
.Count{ display:none;}
.video_list li h2{font-size:14px;line-height:30px;font-weight: bold;}
.showTime{position: absolute;right: 5px;top: 5px;padding: 2px 4px;background: transparent url("/Content/Areas/Common/images/Article/op_bg.png") repeat;color: #fff;}

ul.article_list_box01 li,ul.article_list_box02 li{background:none;padding-left:0;margin-bottom:15px;}
ul.article_list_box01 li.last,ul.article_list_box02 li.last{margin-bottom:0;}
ul.article_list_box01 li img{width:118px;height:90px;margin-right:15px;float:left;}
ul.article_list_box01 li .title_type,ul.article_list_box02 li .title_type{font-size:14px;line-height:2em;font-weight: bold;}
ul.article_list_box01 li p,ul.article_list_box02 li p{font-size:12px;line-height:22px;}
.H286{height:280px; overflow: hidden;}
.H244{height:244px;}

.detail:hover{ font-weight: 700;}

.article_list_box03 li{ width:48%; float:left;box-sizing: border-box; _width:45%;display: block; _line-height: 14px; }
.img_box,.img_boxs{ display:block; overflow:hidden;}
.img_boxs img{width: 260px;height: 81px;transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s ;-webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s;}
.article_list img:hover,.article_box img:hover{-webkit-transform:scale(1.03);-moz-transform: scale(1.03);-o-transform:scale(1.03);}
.mrg { _margin: 0 16px;}
  .tables-list{
min-height: 170px;
}
  .tables-list .tables-item{
 display: none;
 }
 .tables-list .tables-item.active{
 display: block;
 }
 .tables-title .tables-title-item{
 float: left;
 margin-right: 20px;
 }
 .tables-title-item a{
 color: #999;
 }
 .tables-title-item.active a{
 color: #00568e;
 }
 .tables-title-item span{
 line-height: 45px;
 font-size: 20px;
 }
 .tables-header{
 overflow: hidden;
 }
 .more_content .more{
 display: none;
 margin-top: 7px;
 }
 .more_content .more.active{
 display: block;
 }
/*轮播图*/
.SwitchImage{ position:relative; width:100%;height: 195px; margin-top:10px; background:#f8f8f8; border:1px solid #f2f2f2;}
.SwitchImage .swiper-box{height: 195px;}
div .SwitchImage .swiper-box ul li .img_style{ width:55%; float:left; margin-right:5%;}
div .SwitchImage .swiper-box ul li .img_style img{ width:100%; height:321px; border:none;}
div .SwitchImage .swiper-box ul li .disName{ font-size:24px; line-height:65px; padding-right:5%;}
div .SwitchImage .swiper-box ul li .disCont{ font-size:14px; line-height:26px; padding-right:5%;}
div .SwitchImage .swiper-box ul li .releated{padding-right:5%;margin-top: 10px;line-height: 26px;}
div .SwitchImage .swiper-box ul li .releated p{ float: none;}
div .SwitchImage .pagination{ right:20px; bottom:11px;}
div .SwitchImage .pagination span{ border-radius:0; width:15px; height:4px; background:#666;}
.swiper-slide .slide-box{
  padding: 10px 5px;
}
.slide-box .video_img img{
  width: 100%;
  max-height: 173px;
}
/**/
.col-md-3.col-sm-12.fr .article_list{padding:15px;}
.col-md-3.col-sm-12.fr .article_list .img{margin:0 auto;width: 260px;height: 107px;}
/*健康知识*/
.article_img li{background: none !important;padding-left: 0px !important;height: 100px;line-height: 24px !important;padding-bottom: 10px;margin-bottom: 17px; overflow:hidden;}
.article_img li .img_box,.article_list .img_style > a{float:left;width:150px;height:100px;margin-right: 20px; display:block;}
.article_img li img{width:150px;height:100px;transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s ;-webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s;}
/*相关疾病*/
.article_img li .releated span{ color:#2076bd;}
.article_img li .releated a{ margin-right:10px;}


.xs_scroll {
 padding: 15px 0px;
 width: 100%;
 /*background: url(/Content/Areas/Hospitals/images/Main/bg_3.png) repeat-x 100%;*/
}

.xs_scroll .swiper-box {
 width: 99%;
 height: 147px;
}

.xs_scroll .swiper-box ul li .Img_Box {
 float: left;
 padding: 0px !important;
}

.xs_scroll .swiper-box ul li .Img_Box .pic {
 width: 150px;
 height: 103px;
 margin: 0 24px;
}

.xs_scroll .swiper-box ul li img {
 width: 150px;
 height: 103px;
}

.xs_scroll .arrow-btn {
 top: 40px;
}

.pic_list ul img:hover,
.article_box .img_box img:hover {
 -webkit-transform: scale(1.03);
 -moz-transform: scale(1.03);
 -o-transform: scale(1.03);
}




@media only screen and (max-width: 768px)
{
  ul.article_list li{ height:auto;}
  ul.article_list li p{
	display: none;
  }
  .col-md-3.col-sm-12 ul.article_list li{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}	
  .pr10{ padding-right:0px;}
  .pl10{ padding-left:0px;}
  .video_list li{width:48%;float:left;margin-right:2%;} 
  .mrg {display:none;}
  .H244 {height: auto;}
  .article_img li{ height:auto;}
  .img_boxs { display: none;}
  .col-md-3 ul.article_list li { width: 50%; float: left; box-sizing: border-box;}.maintitle
  .copyright p:nth-child(1){display: block !important;}
  .big-health li{display: block;}
  .article_img li .img_box, .article_list .img_style > a{
	float: none;
  }
}

@media only screen and (max-width:700px)
{
  .SwitchImage{ display:none;} 
  .img_left img{display:none;}
  .H286{height:auto;}
  .video_list li {  width: 43%; float: left; margin-right: 7%;}
 .releated { margin-left: 0;}
}
@media only screen and (max-width:550px)
{
.col-md-3 ul.article_list li { width: 100%;}
}
@media only screen and (max-width:480px)
{
 .col-md-3 ul.article_list li { width: 100%;}
.article_img li .img_box, .article_list .img_style > a { width: 100%;  height: auto;}
.article_img li img { max-width: 80%;  height: auto; display:block; margin:0 auto 10px}
}
@media only screen and (max-width: 360px)
{
  .video_list li {  width: 100%; margin-right: 0%; margin-bottom: 20px;}
}   