/*茂录拧忙潞聬盲禄拢莽聽聛氓鈥澛ぢ糕偓盲赂鈥姑铰矫┾€溌久ε铰: http://www.bootstrapmb.com/item/2460(氓陆鈥溍モ€奥嵜ヂも€∶β陈ぢ烩€γヅ撀β尖€澝ぢ好┾€∨捗モ€÷好铰懊寂捗ぢ糕€姑铰矫β郝惷犅伱ぢ嘎嵜ヅ掆€γヂ惵)*/.flipbox-wrapper {perspective: 800px; perspective-origin: 50% 50%;}
.flipbox-wrapper .flipbox-box {position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition-property: transform;}
.flipbox-wrapper .flipbox-box .flipbox-side {position: absolute; width: 100%; height: 100%; backface-visibility: hidden;}
.flipbox-wrapper .flipbox-box .flipbox-side.flipbox-front {transform: translateZ(0);}
.flipbox-wrapper .flipbox-box .flipbox-side.flipbox-left {transform-origin: center left;}
.flipbox-wrapper .flipbox-box .flipbox-side.flipbox-right {transform-origin: top right;}
.flipbox-wrapper .flipbox-box .flipbox-side.flipbox-top {transform-origin: top center;}
.flipbox-wrapper .flipbox-box .flipbox-side.flipbox-bottom {transform-origin: bottom center;}
/*茂录拧忙潞聬盲禄拢莽聽聛氓鈥澛ぢ糕偓盲赂鈥姑铰矫┾€溌久ε铰: http://www.bootstrapmb.com/item/2460(氓陆鈥溍モ€奥嵜ヂも€∶β陈ぢ烩€γヅ撀β尖€澝ぢ好┾€∨捗モ€÷好铰懊寂捗ぢ糕€姑铰矫β郝惷犅伱ぢ嘎嵜ヅ掆€γヂ惵)*/