#box img {
  cursor: pointer;
}

#out-fancy {
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.77);
  text-align: center;
}

#out-fancy.fixed {
  position: fixed;
  display: block;
  top: 0;
  padding-top: 250px;
  z-index: 555;
  left: 0;
  text-align: center;
}

#out-fancy img {
  width: 400px;
  min-height: 0!important;
  margin: 0 auto;
}

/***********/
#box1 img {
  cursor: pointer;
}

#out-fancy1 {
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.77);
  text-align: center;
}

#out-fancy1.fixed {
  position: fixed;
  display: block;
  top: 0;
  padding-top: 250px;
  z-index: 555;
  left: 0;
  text-align: center;
}

#out-fancy1 img {
  width: 400px;
  min-height: 0!important;
  margin: 0 auto;
}

/***********/
#box2 img {
  cursor: pointer;
}

#out-fancy2 {
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.77);
  text-align: center;
}

#out-fancy2.fixed {
  position: fixed;
  display: block;
  top: 0;
  padding-top: 250px;
  z-index: 555;
  left: 0;
  text-align: center;
}

#out-fancy2 img {
  width: 400px;
  min-height: 0!important;
  margin: 0 auto;
}

/***********/
#box3 img {
  cursor: pointer;
}

#out-fancy3 {
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.77);
  text-align: center;
}

#out-fancy3.fixed {
  position: fixed;
  display: block;
  top: 0;
  padding-top: 250px;
  z-index: 555;
  left: 0;
  text-align: center;
}

#out-fancy3 img {
  width: 400px;
  min-height: 0!important;
  margin: 0 auto;
}