.fl{
        float:left;
    }
    .fr{
        float:right;
    }
    /*底层*/
    body{background-color: #000000;}
    .little-image img{
        width:267px;
        height:150px;
        cursor:pointer;
    }
    .little-image .long-img{
        height:150px;
        width:auto;
    }

    /*弹出层*/
  .pop{
      width:100%;
      height:100%;
      display:none;
  }
  .pop .black{
      width:100%;
      height:100%;
      position:absolute;
      top:0;
      left:0;
      background-color: rgba(0,0,0,.6);
      z-index:10;
  }
  .pop .content{
      position:absolute;
      left:50%;
      top:50%;
      margin-top:-320px;
      margin-left:-285px;
      width:640px;
      height:570px;
      border-radius: 10px;
      background-color: white;
      z-index:20;
  }
  .pop .top-nav{
      height:30px;
      padding:10px 0;
      border-bottom:1px solid #ddd;
      margin:0 auto;
  }
  .pop .top-nav .btn-style{
      font:400 14px/22px "microsoft yahei";
      cursor:pointer;
      background-color: #8C85E6;
      color:#fff;
      border:1px solid #8C85E6;
      text-align: center;
      margin-left:5px;
      margin-right:5px;
      display:inline-block;
      vertical-align: middle;
  }
    .pop .top-nav .btn-style1{
      margin-left:110px;
  }
  .con-img{
      width:620px;
      height:500px;
      margin:10px auto;
      overflow: hidden;
  }
  .con-img img{
      background-repeat: no-repeat;
  }