﻿
.img_left img{width:260px;height:235px;float:left;}
.more{ color: #2076bd;}
.more:hover{ font-weight: 700;}
.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;}
.nowrap li {
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
}
/* 医改专题*/
.yigaizuanti li {float: left;width: 32%;height: auto;text-align: center;}
.yigaizuanti li img {width: 100%;height: 100%;}
.yigaizuanti .column_2 {margin:0  1%;}
.yigaizuanti li  a {display: block;}
.yigaizuanti li  .title_type{height: 20px;line-height: 20px;overflow: hidden;}
.yigaizuanti li img:hover {
 -webkit-transform: scale(1.03);
 -moz-transform: scale(1.03);
 -o-transform: scale(1.03);
}
/*健康大讲堂*/
.video_list{ background:#f2f2f2; padding:15px;}
.video_list img{width:100%;height: 140px;float:none;}
.video_list li{position: relative;width: 100%;float: none;margin: 0px auto; +width: 22%; +margin-right: 6px;}
.video_list li.Li_Even{margin-bottom:0;}
.video_img{background: url(../../common/images/video/play-btn.png) no-repeat scroll center center;width:100%;height: 140px;display:block;position:absolute;left:0;top:0;}
.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: 115px;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{transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s ;-webkit-transition: all 0s 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;}
.article_img li a.title_type { font-size: 18px;}
/*轮播图*/
.SwitchImage{ position:relative; width:100%; height:394px; margin-top:10px; background:#f8f8f8; border:1px solid #f2f2f2;}
.SwitchImage .swiper-box{ height:394px;}
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:394px; 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;}
.Img_Box , .Img_Box a,  .Img_Box img {width: 100%;height: 100%;}
/**/
.col-md-3.col-sm-12.fr .article_list{background:#f2f2f2; padding:15px;}
.col-md-3.col-sm-12.fr .article_list .img{margin:0 auto;}
/*健康知识*/
.article_img li{background: none !important;padding-left: 0px !important;height: 100px;line-height: 24px !important;border-bottom: 1px solid #ccc;margin-bottom: 20px; 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;}
.img_boxs img{width: 100%;}
/*相关疾病*/
.article_img li .releated span{ color:#2076bd;}
.article_img li .releated a{ margin-right:10px;}
@media only screen and (max-width: 768px)
{
  ul.article_list li{ height:auto;}
  .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:23%;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;}
}

@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 { 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;}
}  