*{margin: 0;padding: 0;}
   #body{
      width:1200px;
      height:80px;
      margin:50px  auto 0px  auto;
      display: table;
      min-height:600px;
      }
  #content{
  margin-left:-30px;
  }
  
   #slaider{
    width:790px;
    height:400px;
    margin:0px 0px 0px  30px;
    display:inline-block;
    float:left;
    overflow:hidden;
  } 
  #slaider-cont{
    width:3160px;
    height:400px;
  }
   #left{
  position: absolute;
  width:62px;
  height:62px;
  background-color: #3498DB;
  margin:178 0 0 30;
  cursor: pointer;
  overflow:hidden;
  }
   #left .pointer{
  width:62px;
  height:62px;
  background-image: url(/img/flex_prev.png);
  background-position:left center;
  transition: all 0.5s;
  }
 #left .pointer:hover{
     background-position: right center;
  }
  #right{
  position: absolute;
  width:62px;
  height:62px;
  background-color: #3498DB;
  margin:178px 0px 0px 758px;
  cursor: pointer;
  }
  #right .pointer{
  width:62px;
  height:62px;
  background-image: url(/img/flex_next.png);
  background-position: left center;
  transition: all 0.5s;
  }
  #right .pointer:hover{
     background-position: right center;
  }
  #slaider .slaid{
    display:inline-block;
    float:left;
  }
    #slaider .info{
    position: relative;
    background-color: #000;
    color:#fff;
    width:730px;
    height:160px;
    opacity: 0.8;
    top: -160px;
    padding:30px;
  }
   #slaider .info h2{
    margin:0 0 10 0;
  }
  #slaider .info a{
    color:#fff;
    text-decoration: none;
  }
  #slaider .info a:hover{
    color:#3498DB;
  }
  .game{
    width:380px;
    height:185px;
    display:inline-block;
    margin:0px  0px 30px  30px;
    overflow:hidden;
  }
  .game .mark{
    position:absolute;
    width:50px;
    height:40px;
    font-size:22px;
    color:#fff;
    text-align:center;
    padding: 10 0 0 0;
    background-color: #3498DB;
    margin: 135 0 0 330;
}
.game a{
}
  .game .border{
    width:380px;
    height:185px;
    transition: all 1s;
    border: solid 0px #3498DB;
    overflow:hidden;
    position:absolute;
  }
  .game .border:hover{
    width:360px;
    height:165px;
    transition: all 1s;
    border: solid 10px #3498DB;
  border-right: solid 15px #3498DB;
  border-bottom: solid 15px #3498DB;
  }
  .game img{
    width:380px;
    height:185px;
    transition: all 1s;
  }
  .game:hover img{
    width:480px;
    height:285px;
    margin:-10% -10%;
  }
  .long_g{
    width:1200px;
    height:240px;
    display:inline-block;
    margin:0px  0px 0px  30px;
    overflow:hidden;
  }
  .long_g a{
  position:absolute;
  width:1200px;
  height:240px;
  overflow:hidden;
  }
  .long_g .border{
    width:1200px;
    height:240px;
    transition: all 1s;
    border: solid 0px #3498DB;
  }
  .long_g:hover .border{
    width:1200px;
    height:220px;
    transition: all 1s;
    border-top: solid 10px #3498DB;
    border-bottom: solid 15px #3498DB;
  }
  
  .long_g img{
    width:1200px;
    height:240px;
    transition: all 1s;
  }
  .long_g:hover img{
    width:1300px;
    height:260px;
    margin:-10px  0px 0px  -50px;
  }
  
    .b_game{
       width:380px;
      height:400px;
    display:inline-block;
    background-color: #272A31;
    margin:30px  0px 0px  30px;
    float:left;
  }
   .b_game .img{
       width:380px;
      height:240px;
    display:inline-block;
    overflow:hidden;
  }
      .b_game .img:hover img{
       width:420px;
      height:280px;
    display:inline-block;
      margin:-20px 0px 0px -20px;
  }
      .b_game img{
       width:380px;
      height:240px;
    display:inline-block;
  transition: all 1s;
  }
     .b_game .info{
       width:320px;
      height:100px;
    padding:30px;
    background-color: #000;
     color:#fff;
  }
   .b_game h2{
    margin:0 0 10 0;
  }
   .b_game h2 a{
    color:#fff;
    text-decoration: none;
  }
  .b_game h2 a:hover{
    color:#3498DB;
  }