*{
margin: 0;
padding: 0;
}
h1 {
padding: 15px;
}
body{
background: #fff; /*url('../images/bg.jpg') top center no-repeat;*/
font-family: Arial;
}

#overlay{
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

#video{
  position: absolute;
  width: 640px;
  height: 480px;
  left: 50%;
  top: 50%;
  margin: -240px 0px 0px -320px;
  background: #fff;
  border: 5px solid #ccc;
  border-radius: 5px;
  z-index: 200;
}

#main{

}
.back{
position: absolute;
top: 50px;
right: -124px;
width: 100px;
height: 23px;
padding: 15px 0 15px 24px;
color: #1E5193;
font-size: 11px;
line-height: 23px;
cursor: pointer;
background: url('../images/back.png') top left no-repeat;
}
#wrapper{
width: 980px;
height: 600px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -300px;
margin-left: -490px;
}
#container{
width: 980px;
height: 600px;
position: relative;
background: #1E5193;
margin: 0 auto;
box-shadow: 0 0 15px #555;
}
#container > div {
}
  .box1{
width: 670px;
height: 166px;
  position: absolute;
  top: 5px;
  left: 5px;
  background: #fff;
  border-radius: 20px 0 0 0;
  }
    .box1 img{
  border-radius: 15px 0 0 0;}
  .box2{
cursor: pointer;
position: absolute;
width: 307px;
height: 247px;
top: 176px;
left: 368px;
  background: #fff;
  }
  .box3{
  position: absolute;
width: 294px;
height: 418px; /*590px;*/
  background: #fff;
  right: 5px;
  top: 5px;
  }
  .box4{
position: absolute;
width: 357px;
height: 419px;
left: 5px;
top: 176px;
  background: #fff;
  }
  .box5{
  position: absolute;
  width: 608px;
  height: 165px;
  bottom: 5px;
  left: 367px;
  background: #0298A9;
  }