@font-face {
  font-family: 'u39';
  src: url('../type/u39.eot');
  src: url('../type/u39.eot?#iefix') format('embedded-opentype'),
  url('../type/u39.woff') format('woff'),
  url('../type/u39.ttf') format('truetype'),
  url('../type/u39.svg#u39') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
    font-family: 'u45';
    src: url('../type/u45.eot');
    src: url('../type/u45.eot?#iefix') format('embedded-opentype'),
         url('../type/u45.woff') format('woff'),
         url('../type/u45.ttf') format('truetype'),
         url('../type/u45.svg#u45') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'u57';
  src: url('../type/u57.eot');
  src: url('../type/u57.eot?#iefix') format('embedded-opentype'),
       url('../type/u57.woff') format('woff'),
       url('../type/u57.ttf') format('truetype'),
       url('../type/u57.svg#u57') format('svg');
  font-weight: normal;
  font-style: normal;
}

.video{
  width:1024px;
  height:690px;
  position:absolute;
}

.video_head{
  width:1024px;
  height:156px;
  float:left;
}

.video_display{
  height:529px;
  width:815px;
  float:right;
  margin-left:6px;
}

.video_display_01{}
.video_display_02{display:none;}
.video_display_03{display:none;}
.video_display_04{display:none;}
.video_display_05{display:none;}
.video_display_06{display:none;}
.video_display_07{display:none;}

.video_selector{
  height:529px;
  width:198px;
  float:left;
  margin-left:-1px;
}

.video_selector div{
  height:72.25px;
  width:198px;
  margin-top:2px;
  background-color: #ccc;
  opacity:.5;
  border:1px solid #000;
  -moz-border-radius:5px 5px 5px 5px; 
  -webkit-border-radius:5px 5px 5px 5px; 
  border-radius:5px 5px 5px 5px;
  cursor:pointer;
}

.video_selector p{
  margin-top:25px;
  text-align:center;
  font-family:u57;
  font-size:18px;
  color:#000;
  opacity:1;
}