.cube-3d-slider {

	margin: 0 auto;

  padding: 60px 0;

  box-sizing: content-box;

}



.cube-3d-slider .menu_container {

  position: absolute;

  top: 0;

  margin-bottom: 0;

  text-align: center;

  width: 100%;

}



.cube-3d-slider .menu_container.menu_bottom {

  top: auto;

  bottom: 45px;  

}



.cube-3d-slider .menu_container .menu {

  list-style-type: none;

  margin: 0;

}





.cube-3d-slider .menu li {

    background: #fc4400;

    padding: 5px;

    margin: 0 5px 5px 0;

    display: inline-block;

    opacity: 0.7;

  }



.cube-3d-slider .menu li:hover {

    transform: scale(1.1);

}



.cube-3d-slider .menu li.current {

    opacity: 1;

}



.cube-3d-slider .menu li a {

    color: #fff;

    text-decoration: none;

}



.cube-3d-slider .slider {

  	margin: 60px auto 0;

    position: relative;

    transform-style: preserve-3d;

    transition: transform 1s;

  }



.cube-3d-slider .slider > div {

    display: block;

    position: absolute;

    border: 2px solid black;

    color: white;

    background-size: 100% 100% !important;

    backface-visiblity: hidden;

}

.cube-3d-slider .slider > div > a {
  display: block;
  height: 100%;
  width: 100%;
}



.cube-3d-slider .slider > div .text {

    position: absolute;

    background: rgba(10, 10, 10, 0.8);

    padding: 10px;

    overflow: auto;

    color: #fff;

    text-align: left;

    box-sizing: border-box;

}



.cube-3d-slider .slider > div .text-top {

   top: 0%; 

   left: 20%;

   width: 60%;

   max-height: 40%;

}



.cube-3d-slider .slider > div .text-bottom {

   bottom: 0%; 

   left: 20%;

   width: 60%;

   max-height: 40%;

}



.cube-3d-slider .slider > div .text-left {

   top: 20%; 

   left: 0%;

   width: 40%;

   max-height: 60%;

}



.cube-3d-slider .slider > div .text-right {

   top: 20%; 

   right: 0%;

   width: 40%;

   max-height: 60%;

}



.cube-3d-slider .slider > div .text-full-face {

   top: 0; 

   left: 0;

   width: 100%;

   height: 100%;

   box-sizing: padding-box;

}



.cube-3d-slider .prev,

.cube-3d-slider .next {

	position: absolute;

	display: inline-block;

	width: 48px;

	height: 48px;

}



.cube-3d-slider .prev {

	left: 0px;

	bottom: 0px;

	background: url(../images/prev.png);

}



.cube-3d-slider .next {

	right: 0px;

	bottom: 0px;

	background: url(../images/next.png);

}