/* CSS continuous */

.img-container {
  text-align: center;
  position: relative;
}

.tgl-micro {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 24px;
  left: 0;
  margin: auto;
}
#btn-play {
  width: 64px;
  height: 48px;
}
#btn-play img {
  opacity: 1;
  -moz-transition: -moz-opacity 0.2s ease-out 5s;
    -webkit-transition: -webkit-opacity 0.2s ease-out 5s;
    -o-transition: -o-opacity 0.2s ease-out 5s;
    -ms-transition: -ms-opacity 0.2s ease-out 5s;
    transition: opacity 0.2s ease-out 5s;
}
#btn-play.opacity img {
  opacity: 0;
  -moz-transition: -moz-opacity 0.2s ease-out;
    -webkit-transition: -webkit-opacity 0.2s ease-out;
    -o-transition: -o-opacity 0.2s ease-out;
    -ms-transition: -ms-opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.micro01 {
  display: block;
  width: 350px;
  height: 350px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 24px;
  left: 0;
  margin: auto;
  -moz-transition: -moz-transform 5s ease-in;
    -webkit-transition: -webkit-transform 5s ease-in;
    -o-transition: -o-transform 5s ease-in;
    -ms-transition: -ms-transform 5s ease-in;
    transition: transform 5s ease-in;
  transform: scale(0);
  border-radius: 50%;
  overflow: hidden;
}
.open {
  transform: scale(1);
  -moz-transition: -moz-transform 5s ease-out;
    -webkit-transition: -webkit-transform 5s ease-out;
    -o-transition: -o-transform 5s ease-out;
    -ms-transition: -ms-transform 5s ease-out;
    transition: transform 5s ease-out;
}
.micro01 img {
  width: 100%;
  -moz-transition: -moz-transform 5s ease-in;
    -webkit-transition: -webkit-transform 5s ease-in;
    -o-transition: -o-transform 5s ease-in;
    -ms-transition: -ms-transform 5s ease-in;
    transition: transform 5s ease-in;
  transform: scale(0);
}
.open img {
  transform: scale(2);
  -moz-transition: -moz-transform 5s ease-out;
    -webkit-transition: -webkit-transform 5s ease-out;
    -o-transition: -o-transform 5s ease-out;
    -ms-transition: -ms-transform 5s ease-out;
    transition: transform 5s ease-out;
}
