/*图秀部分*/
figure {
    width: 650px;
    height:400px;
    position: relative;
    left: 10px;
    top:30px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}
figure img{
    width: 270px;
    height: 250px;
}
.box{
    position:absolute;
    text-align: center;
    padding: 5px;
    width: 270px;
    height: 250px;
    background-color: beige;
    border: 1px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5),inset 0 -1px 2px 0 rgba(0,0,0,0.3);
    -webkit-transition: all 500ms cubic-bezier(0.7,-0.9,0.3,1.4);
    -moz-transition: all 500ms cubic-bezier(0.7,-0.9,0.3,1.4);
    transition: all 500ms cubic-bezier(0.7,-0.9,0.3,1.4);
    opacity: 1;
}
.box[data-name='p4']{
    transform: rotateY(50deg);
    transform: rotateX(20deg);
-webkit-transform: rotateY(50deg);	/* Safari 和 Chrome */
-webkit-transform-origin: right center;
-moz-transform: rotateY(50deg);	/* Firefox */
opacity: 0.8;
}
.box[data-name='p6']{
    transform: rotateY(-50deg);
    transform: rotateX(20deg);
-webkit-transform: rotateY(-50deg);	/* Safari 和 Chrome */
-moz-transform: rotateY(-50deg);	/* Firefox */
-webkit-transform: rotateX(-30deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(-30deg);	/* Firefox */
-webkit-transform-origin: left center;
opacity: 0.8;
}