.video_list{ color:#666; margin-top: 15px;} .video_list li{float:left;display:inline;height: 110px;overflow: hidden;position: relative;width: 444px;margin-bottom:20px;padding-right: 15px;} .video_list li:nth-child(2n){ padding-right:0; } .img_video{ width: 152px;height: 107px;float: left;margin-right: 20px; position: relative;} .img_video .showTime{position: absolute; background:url(/Content/Areas/Common/images/Article/op_bg.png) repeat;color: #fff;padding: 2px 4px;right: 1px;bottom: 1px;} .video_list li img{ width:150px; height:105px; display:block; border:1px solid #ccc; padding:1px;} .video_list li a.video_btn{ display:block; width:152px; height:107px; position:absolute; left:1px; bottom:2px;} .video_list li h2{ font-size:14px; font-weight:normal; line-height:32px;} .video_list li p{ line-height:24px;} .video_list li p.play_time{ background: url(/Content/Areas/common/images/video/btn_count.png) no-repeat left center;display: block;float: left;padding-left: 15px;width: 190px;} .video_list li a.video_btn:hover{ background:url(../../common/images/video/play-btn.png) no-repeat center;} /*视频文章*/ .icon_list li{ float:left; margin:0 10px;color: #666;line-height: 25px; } .icon_list li:hover{ color: #2076bd;cursor: pointer; } .icon_list li.dz_icon{background: url(/Content/Areas/Common/images/video/sp_icon.png) no-repeat 0px 3px; padding-left: 24px;} .icon_list li.fx_icon{background: url(/Content/Areas/Common/images/video/sp_icon.png) no-repeat 0px -20px; padding-left: 24px;} .icon_list li.sc_icon{background: url(/Content/Areas/Common/images/video/sp_icon.png) no-repeat 0px -42px; padding-left: 24px;} .icon_list li.phone_icon{background: url(/Content/Areas/Common/images/video/sp_icon.png) no-repeat 0px -62px; padding-left: 20px;} .sub_tit span{margin-right: 20px;color: #666; margin-top:5px;line-height: 32px;} /*相关视频列表*/ .sp_list{width: 278px;background: #000;height: 550px;overflow: hidden;border-left: 2px solid #ccc;padding:0 20px;} .sp_list .xg_tit{ font-size:18px; color:#fff; line-height:55px;} .sp_introduce{background: #f1f2f2;height: 62px;padding: 10px;} .sp_introduce .article_title{ color:#2076bd;font-size: 16px;line-height: 32px;} .xgsp_lists li{height: 66px;margin-bottom: 15px;} .xgsp_lists li .img_box{width:114px; height:66px;float:left;margin-right: 10px; overflow:hidden; position:relative;} .xgsp_lists li .img_box img{ width:114px; height:66px; } .xgsp_lists li p.maintitle{height:40px;line-height: 22px} .xgsp_lists li .maintitle a{color: #fff;font-size: 12px; display:block;} .xgsp_lists li .liulan{line-height: 32px;color: #fff;font-size: 12px; background:url(/Content/Areas/common/images/video/btn_count.png) no-repeat left center; padding-left: 18px;} .xgsp_lists li .showTime{position: absolute;bottom: 0px;padding: 0px 8px;background: transparent url("/Content/Areas/Common/images/Article/op_bg.png") repeat;color: #fff;right: 0px;} .xgsp_lists li:hover,.xgsp_lists li.Cur{background: #3a3a3a} .xgsp_lists li.Cur .maintitle a{ color:#fff;} .video_btn{ width:114px;height:66px; } .icon_list{ position: relative; } .ewm_b{width: 180px;height: 210px;position: absolute;background: #fff;border: 1px solid #ccc;text-align: center;line-height: 30px;z-index: 99;padding: 10px 5px 0;top: 34px;right: 0; } .department{ margin-top: 0 !important;} /**/ h2.Com_tit{display: block !important;} @media only screen and (max-width:1024px){ .sp_list {width: 25%;padding: 0 2%;height: 460px;} .sp_current{ width: 70%; } #ckplayer_a1,#a1{ width: 100% !important; height: 460px !important;} } @media only screen and (max-width:1000px){ /*视频详细页*/ #department { float: left;width: 48%; } #article{ float: right;width: 49%; } } @media only screen and (max-width:768px){ .video_list{ box-sizing:border-box;} .video_list li{ width:50%; padding-right:10px; box-sizing:border-box;} .sp_current{ width:100%;overflow: hidden; } .sp_list { display: none; } .sp_introduce{ height: auto; } .video_list li p.play_time{ width:100px} } @media only screen and (max-width:602px){ .video_list li{ width:100%; padding-right:0; } #ckplayer_a1,#a1{ width: 100% !important; height: 400px !important;} /*视频详细页*/ #department { float: left;width: 100%; } #article{ float: right;width: 100%; } } @media only screen and (max-width:460px){ #ckplayer_a1,#a1{ width: 100% !important; height: 300px !important;} }