#banner{
  position: absolute;
  width: 970px;
  height: 250px;
  top: 0px;
  left: 0px;
  overflow: hidden;
  cursor: pointer;
  background-color: #c5003e;
  opacity:0;
}

.retina{
  position: absolute;
  width: 970px;
  height: 250px;
}

.mask{
  position: absolute;
   top: 21px;
  left: 567px;
  height: 230px;
  overflow: hidden;
}

.mask2{
  position: absolute;
   top: 21px;
  left: 567px;
  height: 230px;
  overflow: hidden;
}

.mask3{
  position: absolute;
  top: 21px;
  left: 567px;

  height: 230px;
  overflow: hidden;
}

.img {
  width: 403px;
  height: 230px;
position: relative;
}


#border {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border:1px solid #cccccc;
  z-index: 9998;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.button{
  position: absolute;
  width: 970px;
  height: 250px;
  left:0px;
  top:0px;
  cursor: pointer;
  z-index: 9999;
}

#buttonActive{
  display: none;
}

#overlay{
  position: absolute;
  top:0px;
  left:0px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 10000;
  border:1px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}