pfhwyigou/frontend/web/video/css/videodetails.css

.m_video_bj{padding-bottom:40px;background:#24282E;}
.m_video_box{width:1200px;margin:auto;overflow:hidden;}
.site{margin-top:15px;font-size:14px;color:#999;}
.site a{font-size:14px;color:#999;}
.m_video_title{margin-top:28px;font-size:28px;color:#FFF;}
.m_video{margin-top:22px;}
.m_video_l{width:812px;height:510px;float:left;position:relative;}
 video{width:100%;height:100%;}
.m_video_img{width:100%;position:absolute;top:0;left:0;height:100%;}
.m_video_img img{width:100px;display:block;position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;}


.m_video_r{float:right;width:362px;height:510px;margin-left:14px;background:#FFF;}
.m_video_r p{padding:0 20px;}
.m_video_r .Price{margin-top:25px;}
.m_video_r .Price em{font-size:14px;color:#DD2222;}
.m_video_r .Price em i{font-size:34px;font-weight:600;}
.m_video_r .Price span{font-size:14px;color:#999;margin-left:15px;}
.m_video_r .yxq{font-size:12px;color:#CCC;margin-top:18px;}
.m_video_r .yxq span{border-bottom:1px solid #E7E7E7;display:block;padding-bottom:17px;}
.m_video_r .ReturnRate{margin-top:23px;}
.m_video_r .ReturnRate span{display:block;float:left;}
.m_video_r .ReturnRate span + span{margin-left:71px;}
.m_video_r .ReturnRate span em{font-size:24px;color:#333;display:block;font-weight:600;}
.m_video_r .ReturnRate span i{font-size:14px;color:#666;display:block;margin-top:3px;}
.m_video_r .type{margin-top:23px;}
.m_video_r .type i{border:1px solid #DFAE5E;font-size:12px;color:#22222E;padding:6px 10px;border-radius:2px;display:block;float:left;
     background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));     
                -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
                -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
}
.m_video_r .type span{border:1px solid #DDD;font-size:12px;color:#999;padding:6px 10px;border-radius:2px;display:block;float:left;margin-left:8px;}
.m_video_r .Apartment{margin-top:30px;}
.m_video_r .Apartment em{font-size:14px;color:#999;float:left;}
.m_video_r .Apartment span{font-size:14px;color:#333;display:block;float:left;width:245px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m_video_r .address{margin-top:18px;}
.m_video_r .address em{font-size:14px;color:#999;float:left;}
.m_video_r .address span{font-size:14px;color:#333;display:block;float:left;width:245px;line-height:20px;}
.m_video_r .Telephone{margin-top:47px;text-align:center;}
.m_video_r .Telephone span{font-size:18px;color:#333;}
.m_video_r .Telephone span i{color:#DD2222;}
.m_video_r .lpdetails{display:block;width:314px;height:44px;text-align:center;line-height:44px;margin:auto;margin-top:13px;font-size:16px;color:#22222E;border-radius:4px;
     background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));     
                -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
                -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
}


/*相关楼盘*/
.m_Relevant_lp{width:1200px;margin:auto;margin-top:32px;}
.m_Relevant_title{font-size:20px;color:#333;font-weight:600;}
.m_Relevant_title i{width:5px;height:23px;display:block;float:left;margin-top:2px;margin-right:14px;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));     
                -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
                -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
}

.m_Relevant{margin-top:16px;}
.m_Relevant_l{float:left;width:858px;border-top:1px solid #F0F0F0;padding-top:24px;}
.m_Relevant_l li{width:274px;float:left;border-radius:4px;overflow:hidden;}

.m_Relevant_l li+li{margin-left:18px;}
.m_Relevant_img{height:176px;position:relative;overflow:hidden;}
.m_Relevant_img .img{width:100%;height:100%;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}
.m_Relevant_img .type{position:absolute;top:20px;left:0;font-size:14px;color:#FFF;background:rgba(0,0,0,0.5);padding:6px 13px;}
.m_Relevant_img .imgtb{position:absolute;top:50%;left:50%;width:56px;height:56px;margin-top:-28px;margin-left:-28px;}
.m_Relevant_img .text_box{position:absolute;bottom:0;left:0;width:100%;padding:30px 0 5px 0;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.66))); 
           -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.66))); 
           -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.66))); 
}
.m_Relevant_img .text{padding:0 15px;position:relative;}
.m_Relevant_img .text .Price{font-size:20px;color:#FFF;font-weight:600;}
.m_Relevant_img .text .sj{font-size:12px;color:#ccc;margin-top:4px;}


.m_Relevant_l li:hover .m_Relevant_img .img{  
transform: scale(1.1);  
-webkit-transform: scale(1.1);  
-moz-transform: scale(1.1);
-o-transform: scale(1.1); 
}
.m_Relevant_l li:hover .m_Relevant_text .title{color:#DFAE5E;}

.m_Relevant_text{border:1px solid #EEE;padding:14px 10px;}
.m_Relevant_text .title{font-size:14px;color:#333;font-weight:600;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m_Relevant_text .Size{margin-top:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m_Relevant_text .Size span{font-size:14px;color:#999;}
.m_Relevant_text .Reporting{border-top:1px solid #F8F8F8;margin-top:13px;padding-top:13px;}
.m_Relevant_text .Reporting p{border-right:1px solid #F8F8F8;float:left;padding-right:14px;margin-right:14px;}
.m_Relevant_text .Reporting p span{font-size:14px;color:#333;font-weight:600;}
.m_Relevant_text .Reporting p i{font-size:12px;color:#999;display:block;}
.m_Relevant_text .Reporting .dz{font-size:14px;color:#999;position:relative;top:16px;}
.m_Relevant_text .Reporting .dz img{width:10px;margin-top:3px;margin-right:4px;float:left;}


.m_Relevant_r{border:1px solid #EEE;float:right;width:300px;height:340px;background:#F8F8F8;border-radius:2px;}
.m_Relevant_r em{font-size:20px;color:#333;font-weight:600;margin-top:24px;display:block;}
.m_Relevant_r em i{width:5px;height:23px;display:block;float:left;margin-top:2px;margin-right:14px;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));     
                -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
                -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
}

.m_Relevant_r form{margin-top:17px;padding:0 20px;}
.m_Relevant_r form .input{border:1px solid #EEE;height:36px;padding:0 11px;background:#FFF;margin-bottom:10px;border-radius:2px;}
.m_Relevant_r form .input input{width:100%;height:100%;border:0;font-size:14px;}

.m_Relevant_r form .textarea{padding:10px;background: #FFF;height:80px;border:1px solid #EEE;border-radius:2px;}
.m_Relevant_r form .textarea textarea{display: block;width:100%;outline:none;resize:none;border:0;color: #333;font-size:14px;background: #FFF;height: 100%;    font-family: "微软雅黑",Arial,Verdana, Geneva, sans-serif;}
.m_Relevant_r form .Submission{height:38px;text-align:center;line-height:38px;border-radius:2px;margin-top:18px;font-size:14px;color:#22222E;
  background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));     
                -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
                -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
}
.m_Relevant_r form .Submission:hover{background:#1C53C2;}


/* 报名 */
.liveBm{ display: none; width: 368px; height: 306px;position: fixed;left: 50%;top: 50%;margin-left: -183px; margin-top: -153px; background: url('/video/image/xm_tb22_1.png') no-repeat; background-size:100% 100%; z-index: 101;}
.liveBm_bg{ display: none; width: 100%;height: 100%;position: fixed;left: 0; top: 0; z-index: 99; background: rgba(0,0,0,0.5);}
.liveBm_main{width: 100%; height: 100%;position: relative;}
.liveBm_gb{position: absolute;right: 18px;top:10px; z-index: 2;width: 23px;height: 23px;}
.liveBm_gb img{width: 100%;height: 100%;}
.liveBm_box{width: 236px; margin: 0 auto;padding-top: 203px;position: relative;left: -21px;}
.liveBm_box p.in{width: 100%; height: 32px;background: #fff; border-radius: 4px;}
.liveBm_box p.in i{float: left; display: inline-block;width: 10px; height: 15px; margin-left: 10px;position: relative;top: 9px;}
.liveBm_box p.in i img{width: 100%;height: 100%;}
.liveBm_box p.in em{display: inline-block;height: 15px;width: 1px; background-color:#CCCCCC;float: left;margin: 0 9px 0 7px;position: relative; top: 9px;}
.liveBm_box p.in input{display: inline-block;float: left; width: 190px; height: 30px; border:none; position: relative; top: 1px;}
.liveBm_box a{display: block;height: 48px;width: 213px; margin: 0 auto;margin-top: 85px;}
.liveBm_box a img{width: 100%;height: 100%;}