.global_stage_header{
  width: 480px;
  float:right;
}
.stage_header{
  width: 120px;
  height: 25px;
  float: left;
}
.cube_header {
  height: 25px;
  width: 120px;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}
.cube_header div {
  height: 25px;
    position: absolute;
    color: #fff;
    text-align: right;
    font-size: 12px;
  line-height: 25px;
}
.side_top_header {
  width: 120px;
  background: rgba(255, 255, 255, 0);
    top: -12.5px;
    left: 0px;
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
}
.side_bottom_header {
  width: 120px;
  background: rgba(255, 255, 255, 0);
    bottom: -12.5px;
    left: 0px;
    -webkit-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}
.side_front_header {
  width: 120px;
  background: rgba(255, 255, 255, 0);
    top: 0px;
    left: 0px;
    -webkit-transform: translateZ(10px);
    -ms-transform: translateZ(10px);
    transform: translateZ(10px);
}
.side_back_header {
  width: 120px;
    background: rgba(255, 255, 255, 0);
    top: 0px;
    left: 0px;
    -webkit-transform: translateZ(-10px);
    -ms-transform: translateZ(-10px);
    transform: translateZ(-10px);
}
.side_right_header {
  width: 25px;
  background: rgba(255, 255, 255, 0);
    top: 0px;
    right: -15px;
    -webkit-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
}
.side_left_header {
  width: 25px;
  background: rgba(255, 255, 255, 0);
    top: 0px;
    left: -12.5px;
    -webkit-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}
.stage_header:hover .cube_header{
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
}