.book-page-flip{width:135px;height:180px;overflow:hidden;cursor:pointer;margin-left:20px;margin-right:20px;display:inline-block}.book-page-flip-r1{position:absolute;z-index:2;-webkit-transform-origin:592px 225px;transform-origin:592px 225px;-webkit-transform:translate(-464px,-225px) rotate(-32deg);transform:translate(-464px,-225px) rotate(-32deg);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;transition-property:transform,transform-origin;-webkit-transition-duration:1s;transition-duration:1s;pointer-events:none}.book-page-flip-p1{width:578px;height:625px;overflow:hidden;pointer-events:none}.book-page-flip-p1>div{-webkit-transform-origin:128px 0;transform-origin:128px 0;-webkit-transform:translate(464px,225px) rotate(32deg);transform:translate(464px,225px) rotate(32deg);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;transition-property:transform,transform-origin;-webkit-transition-duration:1s;transition-duration:1s;width:128px;height:175px;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:auto}.book-page-flip-p1>div>div{width:5px;height:175px}.book-page-flip-p2{position:absolute;z-index:1;width:128px;height:175px;pointer-events:auto}.book-page-flip-p2>div{width:128px;height:175px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1);position:absolute;z-index:1;background-color:#fff;padding:9px;box-sizing:border-box}.book-page-flip-p2>div,.book-page-flip-p2>div>h4{font-size:75%;overflow:hidden}.book-page-flip-r3{-webkit-transform-origin:592px 225px;transform-origin:592px 225px;-webkit-transform:translate(-464px,-225px) rotate(-32deg);transform:translate(-464px,-225px) rotate(-32deg);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;transition-property:transform,transform-origin;-webkit-transition-duration:1s;transition-duration:1s;position:absolute;z-index:2;pointer-events:none}.book-page-flip-s3{-webkit-transform-origin:32px 225px;transform-origin:32px 225px;-webkit-transform:translate(97px,-225px) rotate(-32deg) translate(18px,0);transform:translate(97px,-225px) rotate(-32deg) translate(18px,0);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;transition-property:transform,transform-origin;-webkit-transition-duration:1s;transition-duration:1s;position:absolute;z-index:1}.book-page-flip:hover .book-page-flip-s3{-webkit-transform-origin:146px 225px;transform-origin:146px 225px;-webkit-transform:translate(-18px,-225px) rotate(0) translate(18px,0);transform:translate(-18px,-225px) rotate(0) translate(18px,0)}.book-page-flip-sp3{width:11px;height:450px;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.15)),to(rgba(0,0,0,0)));background:linear-gradient(to right,rgba(0,0,0,.15),rgba(0,0,0,0));-webkit-transition-property:width;transition-property:width;-webkit-transition-duration:1s;transition-duration:1s;overflow:hidden}.book-page-flip:hover .book-page-flip-sp3{width:5px}.book-page-flip-s{width:128px;height:175px;position:absolute;overflow:hidden;z-index:3;pointer-events:none}.book-page-flip-s2{-webkit-transform-origin:20px 225px;transform-origin:20px 225px;-webkit-transform:translate(108px,-225px) rotate(-32deg);transform:translate(108px,-225px) rotate(-32deg);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;transition-property:transform,transform-origin;-webkit-transition-duration:1s;transition-duration:1s;position:absolute}.book-page-flip-sp2{width:7px;height:450px;background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.18)),to(rgba(0,0,0,0)));background:linear-gradient(to left,rgba(0,0,0,.18),rgba(0,0,0,0));overflow:hidden}.book-page-flip-s4{opacity:1;-webkit-transition-duration:.5s;transition-duration:.5s;pointer-events:none}.book-page-flip:hover .book-page-flip-s4{opacity:0}.book-page-flip:hover .book-page-flip-s2{-webkit-transform-origin:135px 225px;transform-origin:135px 225px;-webkit-transform:translate(-7px,-225px) rotate(0);transform:translate(-7px,-225px) rotate(0)}.book-page-flip-p3{width:578px;height:625px;overflow:hidden;pointer-events:none}.book-page-flip-p3>div{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translate(565px,225px) rotate(-32deg);transform:translate(565px,225px) rotate(-32deg);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;transition-property:transform,transform-origin;-webkit-transition-duration:1s;transition-duration:1s;-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1);width:128px;height:175px;position:relative;overflow:hidden;pointer-events:auto}.book-page-flip-p3>div::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-transform:scaleX(-1);transform:scaleX(-1);z-index:-1}.book-page-flip-p3>div>div{width:4px;height:225px;float:right;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,.1)));background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.1))}.book-page-flip:hover .book-page-flip-r1{-webkit-transform-origin:707px 225px;transform-origin:707px 225px;-webkit-transform:translate(-578px,-225px) rotate(0);transform:translate(-578px,-225px) rotate(0)}.book-page-flip:hover .book-page-flip-p1>div{-webkit-transform-origin:128px 0;transform-origin:128px 0;-webkit-transform:translate(578px,225px) rotate(0);transform:translate(578px,225px) rotate(0)}.book-page-flip:hover .book-page-flip-r3{-webkit-transform-origin:707px 225px;transform-origin:707px 225px;-webkit-transform:translate(-578px,-225px) rotate(0);transform:translate(-578px,-225px) rotate(0)}.book-page-flip:hover .book-page-flip-p3>div{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translate(450px,225px) rotate(0);transform:translate(450px,225px) rotate(0)}