.article_left {
 float: left;
 width: 620px;
 border: 0px;
}

.active {
 color: #fff;
 background: #0087cd;
 border-bottom: 3px solid #0087cd;
 border-radius: 5px 5px 0 0;
}

ul.article_list_2 li a:hover {
 color: #0087cd;
}
h2.title_header a.more {
    float: right;
    font-size: 14px;
    color: #0087cd;
    font-weight: normal;
    /* margin-top: 3px; */
    font-family: "微软雅黑";
    transition: all 1s;}
h2.title_header span {
    display: inline-block;
    border-bottom: 3px solid #0087cd;
}

ul.article_list_2 li {
    line-height: 39px;
    border-bottom: 1px solid #ededed;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background: url(../img/list_dot_one.png) no-repeat left center;
    padding-left: 15px;
    _line-height: 36px;
}
ul.article_list_2 li a {
    color: #666;
    font-size: 14px;
}
.body_box{position:relative}
.main_content {
 padding-top: 0;
 height:auto;
 overflow: hidden;
 clear: both;
 margin-bottom:20px;
}

.article_right {
 width: 600px;
 float: right;
 overflow: inherit;
}

.article_left_t {
 height: 380px;
}

.article_left_t .article_left_tl {
 width: 365px;
 float: left;
 margin-right: 20px;
}

.article_left_t .article_left_tr {
 width: 365px;
 float: left;
 overflow: hidden;
}

.article_left .article_left_m,
.article_left .article_left_b {
 width: 620px;
 overflow: hidden;
}

.article_right_t {
 margin-top: 18px;
}

.article_left ul li a {
 padding-left: 0px;
 margin: 0;
 text-align: left;
}

.article_right .article_list_2 {
 margin-top: 20px;
}

.right_box1 {
 height: 380px;
 margin-bottom: 10px;
}

.disUl {
 margin-top: 20px;
}

.video_list2 li {
 width: 100%;
}

.disUl li {
 width: 100%;
 height: 130px;
 box-sizing: border-box;
 padding: 15px;
 box-shadow: 1px 1px 15px #ddd;
 margin-bottom: 20px;
 border: 1px solid #ddd;
}

.disUl li .img_style {
 float: left;
 width: 138px;
 height: 96px;
 margin-right: 15px;
}

.disUl li .img_style a img {
 width: 100%;
}

.disUl li .disName {
 margin-top: 10px;
 display: block;
 font-size: 18px;
}


/*医院宣传视频*/

.video1 {
 margin: 20px auto 0px;
}

.video1 li {
 position: relative;
}

.video1 .video_btn {
 display: block;
 position: absolute;
 background: url(../../common/images/video/play-btn.png) no-repeat center;
 width: 365px;
 height: 256px;
 left: 0px;
 top: 0px;
}

.video1 .video_btn:hover {
 background: url(/Content/Areas/Common/images/Article/op_bg.png) repeat;
}


/*.video1 li a.video_btn{ position:absolute; background:url(../../common/images/video/play-btn.png) no-repeat center;
 left:106px; bottom:100px; width:152px; height:107px;}*/

.video1 img {
 width: 365px;
 height: 256px;
}

.video1 h2 {
 line-height: 28px;
 font-size: 14px;
 text-align: left;
}

.video1 .Count,
.video1 .play_time {
 display: inline-block;
 width: 100px;
 text-align: left;
 line-height: 24px;
}

.video1 .play_time {
 color: #f00;
}


/*医院宣传视频*/

.video {
 margin-top: 20px;
 padding-bottom: 10px;
 border-bottom: 1px dashed #ccc;
 position: relative;
}

.video h2 {
 line-height: 30px;
 font-size: 14px;
}

.video .play_time {
 color: #f00;
 line-height: 30px;
}

.video img {
 width: 200px;
 height: 140px;
 float: left;
 border: 1px solid #ccc;
 padding: 4px;
 margin-right: 10px;
 position: relative;
}

.video_list li {
 line-height: 30px;
 font-size: 14px;
 border-bottom: 1px dashed #ccc;
}

.video_list li h2 {
 font-size: 14px;
}

.video .video_btn {
 display: block;
 position: absolute;
 background: url(../../common/images/video/play-btn.png) no-repeat center;
 width: 210px;
 height: 150px;
 left: 0px;
 top: 0px;
}

.video .video_btn:hover {
 background: url(/Content/Areas/Common/images/Article/op_bg.png) repeat;
}

.Count,
.play_time {
 display: none;
}


/*专家讲座视频*/

.video_list1,
.video_list2 {
 margin-top: 20px;
}

.video_list1 {
 *width: 370px;
}

.video_list1 li {
 float: left;
 margin-right: 15px;
 *margin-right: 10px;
 position: relative;
}

.video_list1 li:nth-child(2n) {
 margin-right: 0px;
}

.video_list1 li img {
 width: 165px;
 height: 116px;
 border: 1px solid #ccc;
 padding: 4px;
}

.video_list1 .video_btn {
 display: block;
 position: absolute;
 background: url(../../common/images/video/play-btn.png) no-repeat center;
 width: 175px;
 height: 126px;
 left: 0px;
 top: 0px;
}

.video_list1 .video_btn:hover {
 background: url(/Content/Areas/Common/images/Article/op_bg.png) repeat;
}


/*特色医疗视频*/

.video_list2 {
 *width: 760px;
}

.video_list2 li {
 float: left;
 margin-right: 15px;
 position: relative;
}

.video_list2 li:nth-child(4n) {
 margin-right: 0px;
}


/* .video_list2 li img {
 width: 175px;
 height: 123px;
} */

.video_list1 li h2,
.video_list2 li h2 {
 line-height: 28px;
 font-size: 14px;
 text-align: center;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
}

.video_list2 .video_btn {
 display: block;
 position: absolute;
 background: url(../../common/images/video/play-btn.png) no-repeat center;
 width: 175px;
 height: 123px;
 left: 0px;
 top: 0px;
}

.video_list2 .video_btn:hover {
 background: url(/Content/Areas/Common/images/Article/op_bg.png) repeat;
}

.selected {
 display: block !important;
}

.leftbar ul {
 position: absolute;
 top: 15px;
 left: 109px;
 line-height: 20px;
}

.leftbar ul li {
 float: left;
 /*margin:0 10px;*/
 padding:0 10px;
 font-size: 16px;
 font-family: "微软雅黑";
 padding: 15px 10px;
 cursor: pointer;
}

.leftbar ul li a {
 padding-left: 0px;
 font-size: 16px;
 font-family: "微软雅黑";
}

.Last_left div .con1 .video_list3 li {
 height: 130px;
 width: 100%;
 margin-bottom: 20px;
 box-shadow: 1px 1px 15px #ddd;
 padding: 15px;
 box-sizing: border-box;
 position: relative;
 border: 1px solid #ddd;
}
.video_list2 li a.video_btn{
 padding: 0;
}
.article_left ul li a.video_img{padding: 0;}
.Last_left div .con1 .video_list3 li .video_img {
 float: left;
 padding: 2px;
 border: 1px solid #ddd;
 width: 138px;
 height: 96px;
 margin-right: 15px;
}

.Last_left div .con1 .video_list3 li .video_img img {
 width: 100%;
}

.Last_left div .con1 .video_list3 li .video_btn {
 display: block;
 position: absolute;
 background: url(/Sites/Uploaded/UserUpLoad/20180613/20180613142752.png) no-repeat center;
 width: 138px;
 height: 96px;
 left: 18px;
 top: 19px;
 padding: 0;
}
.Last_left div .con1 .video_list3 li .video_btn:hover{
 background: url(/Content/Areas/Common/images/Article/op_bg.png) repeat;
}
.Last_left div .con1 {
 float: left;
 display: none;
 width: 100%;
 /* padding: 40px 30px 0; */
 box-sizing: border-box;
}

.Last_left div .con1 .video_list3 li h2 {
 font-size: 18px;
 line-height: 30px;
 margin-top: 23px;
}

.Last_left div .con1 .video_list3 li .play_time {
 display: none;
}

.Last_left {
 width: 100%;
 float: left;
 position: relative;
}

.Last_left .rightbar {
 width: 100%;
 /* height: 680px; */
 /* box-shadow: 1px 1px 15px #ddd; */
 background: #fff;
 /* float: right; */
 margin-top: 20px;
}

.disCont {
 line-height: 24px;
}

.disCont .more {
 float: right;
 color: #0087cd;
}

.disCont .more:hover {
 color: #0087cd;
}

@media only screen and (max-width:1366px) {
 .article_left {
 width: 50%;
 }
 .article_left .article_left_m,
 .article_left .article_left_b {
 width: 100%;
 }
 .article_right {
 width: 47%;
 }
 .Last_left div .con1 .video_list3 li h2 {
 margin-top: 0;
 }
}

@media only screen and (max-width: 768px) {
 .article_left {
 display: block;
 width: 100%;
 }
 .article_right {
 display: none !important;
 }
 .article_left_m,
 .article_left_b {
 width: 100% !important;
 float: none;
 }
 .article_left_t .article_left_tl,
 .article_left_t .article_left_tr {
 width: 48%;
 float: left;
 }
 .video1,
 .video1 img {
 width: 100%;
 height: auto;
 }
 .video_list1 li {
 width: 47%;
 }
 .video_list1 li img {
 width: 97%;
 height: auto;
 }
 .video_list2 li {
 width: 23%;
 }
 .video_list2 li img {
 width: 100%;
 height: auto;
 }
 .video_btn {
 display: none !important;
 }
}

@media only screen and (max-width: 640px) {
 .article_left_t .article_left_tl,
 .article_left_t .article_left_tr {
 width: 100%;
 float: left;
 height: auto;
 }
 .video_list2 li {
 margin-right: 10px;
 }
}

@media only screen and (max-width: 450px) {
 .video_list2 li {
 width: 47%;
 }
 .leftbar ul {
 top: 68px;
 width: 100%;
 left: 0;
 }
 .leftbar ul li {
 margin-right: 15px;
 }
 .Last_left .rightbar {
 margin-top: 52px;
 }
 .article_left ul li .video_img,
 .Last_left div .con1 .video_list3 li h2 {
 margin: 0;
 }
 .leftbar ul li {
  margin-right: 15px; 
 padding: 14px 7px;
}
}

@media only screen and (max-width: 400px) {
 .video_list2 li {
 width: 46%;
 }
}

@media only screen and (max-width: 320px) {
 .leftbar ul li a {
 font-size: 14px;
 }
 .leftbar ul li {
 margin-right: 9px;
 }
 .article_left ul li a {
 font-size: 13px;
 }
 .Last_left div .con1 .video_list3 li .video_img {
 margin-right: 0;
 }
}