/*#fade {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1001;
  -moz-opacity: 0.85;
  opacity: .85;
  filter: alpha(opacity=85);
}*/


#boxclose {
  float: right;
  cursor: pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 3px;
  background: #001a72;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
  position: absolute;
  margin-top: 200px;
  right: 2px;
  top: 2px;
  z-index: 1002;
  opacity: 0.9;
}

.boxclose:before {
  content: "×";
}

#fade:hover ~ #boxclose {
  display:none;
}

.test:hover ~ .test2 {
  display: none;
}

#box01, 
#box02, 
#box03, 
#box04, 
#box05, 
#box06, 
#box07, 
#box08, 
#box09, 
#box10, 
#box11, 
#box12, 
#box13, 
#box14, 
#box15, 
#box16, 
#box17 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 800px;
  max-height: 460px;
  margin-left: -400px;
  margin-top: -400px;
  border: none;
  background: transparent !important;
  z-index: 1002;
  overflow: visible;
}
#video01, 
#video02, 
#video03, 
#video04, 
#video05, 
#video06, 
#video07, 
#video08, 
#video09, 
#video10, 
#video11, 
#video12, 
#video13, 
#video14, 
#video15, 
#video16, 
#video17 {
	margin-top: 200px;
}