@charset "utf-8";
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background:url(../img/beijing.jpg)no-repeat center center fixed;
  background-size:cover;
  width: 100%;  
  min-height: 100vh;  	
  display: flex;
  justify-content: center;
  align-items: center;
}
.videolist { position:relative; float:left; width:300px; height:220px; margin-right:50px; margin-top:5px; margin-bottom:5px; opacity:0.3;}
.videolist:hover{ cursor: pointer;opacity:0.9; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }