*{
    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;
    left: 50%;
    top: 50%;
    margin-left: -490px;
    margin-top: -300px;
    width: 970px;
    height: 590px;
    background: #000;
    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;
}