﻿.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;
}

.main_content {
 padding-top: 0;
}

.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;
}
.kepu_con{
 display: flex;
 justify-content: space-between;
}
.kepu_con .kepu_box{
 width: 32%;
}

@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;
 }
 .kepu_con{
 flex-wrap: wrap;
 }
 .kepu_con .kepu_box{
 width: 100%;
}
}

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