pfhwyigou/frontend/web/video/css/videosearch.css

/*顶部图*/
.p_across {width:100%;height:218px;margin-top:0px;}
.p_across >img {display:block;height:100%;width:100%;}
.pr {position:relative;}
.p_acroos_area {position:absolute;left:0;top:40px;color:#fff;}
.p_acroos_area .fb {font-weight:600;font-size:48px;margin-top:15px; margin-bottom: 0px;}
.p_acroos_area .fa {font-size:26px;font-weight:600;}
.seek_box {position:absolute;right:0;top:122px;}
.seek_box .seek_input{width:625px;}
.seek_box .seek_input .seekinput_search {width:100%;height:45px;position:relative;background:#FFF;}
.seek_box .seek_input .seekinput_search span{cursor:pointer;width:79px;height:45px;display:block;float:left;display:flex;align-items:center;justify-content:center;font-size:15px;color:#666;}
.seek_box .seek_input .seekinput_search span img{width:11px;margin-left:7px;}
.seek_box .seek_input .seekinput_search input[type="text"] {display:none;border:none;width:395px;height:45px;line-height:45px;font-size:15px;color:#999;padding-left:20px;}
.seek_box .seek_input .seekinput_search input[type="text"]::-webkit-input-placeholder {color: #ccc;}
.seek_box .seek_input .seekinput_search input[type="button"] {border:none;padding-left:33px;color:#fff;width:120px;height:45px;font-size:20px;font-weight:bold;position:absolute;top:0;right:0;background:#DD2222 url("../image/ico_search1.png") no-repeat 24px  14px/20px 20px;}
.seekinput_option{padding-bottom:19px;display:none;position:absolute;top:50px;left:0;width:100px;z-index:10;background:#FFF;border-radius:4px;box-shadow:0px 2px 5px 0px rgba(199, 199, 199, 0.36);}
.seekinput_option span{cursor:pointer;display:block;padding:0 14px;font-size: 15px;color:#666;margin-top:19px;}
.seekinput_option span.on{color:#DD2222;}

.seek_box .seek_host {color:#fff;margin-top:8px;}
.seek_box .seek_host a {color:#fff;font-size:14px;}
.seek_box .seek_host a:hover {color:#E03700;}
.s_on {color:#E03700 !important;}



.videosearch_box{width:1190px;margin:auto;margin-top:40px;}
.Result{font-size:16px;color:#999;}

.videosearch{margin-top:19px;}
.videosearch li{width:375px;float:left;margin-right:32px;margin-bottom:40px;}
.videosearch li:nth-child(3n){margin-right:0;}
.videosearch li .videosearch_img{height:240px;border-radius:4px;overflow:hidden;position:relative;}
.videosearch li .videosearch_img .img{width:100%;height:100%;    
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;}  

.videosearch li .videosearch_img:hover .img{   
transform: scale(1.1); 
-webkit-transform: scale(1.1);  
-moz-transform: scale(1.1);
-o-transform: scale(1.1);}

.videosearch li .videosearch_img .imgtb{width:58px;height:58px;position:absolute;top:50%;left:50%;margin-top:-29px;margin-left:-29px;}
.videosearch li .videosearch_img .type{position: absolute;top:10px;right:10px;font-size: 14px;color: #FFF;background: rgba(0,0,0,0.5);padding:7px 11px;border-radius:100px;}
.videosearch li .videosearch_img .text{position:absolute;bottom:0;left:0;padding:77px 0 10px 0;width:100%;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56)));  
        -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); 
        -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); 
}
.videosearch li .videosearch_img .text p{padding:0 10px;}
.videosearch li .videosearch_img .text p span{font-size:14px;color:#F8F8F8;}
.videosearch li .videosearch_img .text p span img{width:12px;margin-right:6px;margin-top:2px;}
.videosearch li .videosearch_img .text p span img{width:12px;margin-right:6px;margin-top:2px;}
.videosearch li .videosearch_img .text p span:last-child{float:right;}
.videosearch li .videosearch_text{font-size:17px;color:#333;font-weight:600;margin-top:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}


.Nodata{width:1200px;margin:auto;margin-top:163px;margin-bottom:200px;}
.Nodata p{font-size:22px;color:#ccc;text-align:center;}
.Nodata a{width:240px;height:50px;text-align:center;line-height:50px;background:#DD2222;font-size:18px;color:#FFF;display:block;margin:auto;margin-top:44px;border-radius:10px;}