/* a-new detail */
aside#tips{position: fixed; top: 48px; left: 0; width: 100%; height: 100%; background: #fff; color: #008cd6; display: none; z-index: 9;}
aside#tips h2{display: block; width: 100%; text-align: center; position: absolute; top: 15%; font-size: 20px;}
aside#tips h2 p{padding-top: 5px; font-size: 14px; color: #333;}
aside#tips h2 img{width: 120px; position: absolute; top: 70px; left: 50%; margin-left: -60px; -webkit-transition: all .5s ease-in-out; -webkit-transform: rotate(90deg);}
aside#tips h2 img.rotate{-webkit-transform: rotate(0);}
nav#super-nav{display: block; -webkit-transition: all .5s ease; opacity: 0; -webkit-transform: translate3d(0,100%,0);}
nav#super-nav.navshow{-webkit-transform: translate3d(0,0,0); opacity: 1;}

nav#super-nav{width: 100%; height: 40px; position: fixed; bottom: 10px; left: 0; text-align: center; z-index: 9999; -webkit-transform: translate3d(0,0,0);}
nav#super-nav a{width: 40px; height: 40px; display: inline-block; background: url(../../../images/super-nav-ico.png) no-repeat; background-size: 200px 80px; opacity: 1;  -webkit-transition: all .3s linear; -webkit-tap-highlight-color:rgba(0,0,0,0);}
nav#super-nav a span{display: block; text-align: center; -webkit-transform: translate3d(0,-150%,0); color: #808080; opacity: 1; -webkit-transition: all .5s ease-in-out; display: none;}
nav#super-nav a.open{background-position: -160px 0; opacity: 1; z-index: 10; display: none;}
nav#super-nav a.specs{background-position: -80px -40px;}
nav#super-nav a.gallery{background-position: -40px -40px;}
nav#super-nav a.threed{background-position: 0 -40px;}
nav#super-nav a.purchase{background-position: -120px -40px;}
nav#super-nav{display: block; -webkit-transition: all .5s ease; opacity: 0; -webkit-transform: translate3d(0,100%,0);}
nav#super-nav.navshow{-webkit-transform: translate3d(0,0,0); opacity: 1;}
/*
nav#super-nav.start1 a.specs{-webkit-transform: translate3d(120%,0,0) rotate(0deg); opacity: 1;}
nav#super-nav.start1 a.gallery{-webkit-transform: translate3d(240%,0,0) rotate(0deg); opacity: 1;}
nav#super-nav.start1 a.threed{-webkit-transform: translate3d(360%,0,0) rotate(0deg); opacity: 1;}
nav#super-nav.start1 a.purchase{-webkit-transform: translate3d(480%,0,0) rotate(0deg); opacity: 1;}
nav#super-nav.start1 a span{-webkit-transition-delay: .8s; opacity: 1;}
*/
img.blank{position: absolute; top: 0; left: 0; z-index: 1; height: 100%;}
.pdetail-content{position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 10;}
section.mobile-block{background: #fff; position: relative;  height: 100%; overflow: hidden;}
.mobile-touch{display: block; width: 100%; position: absolute; top: 0; left: 0; z-index: 98;}
/* .horizontal .mobile-touch{display: none;} */
/* .vertical section.mobile-block{width: 100%; position: absolute; overflow: hidden; top: 0; left: 0;  -webkit-transform: translate3d(0,100%,0);} */
.vertical section.mobile-block:first-child{-webkit-transform: translate3d(0,0,0);}
.horizontal section.mobile-block{width: 100%; height: 400px; position: relative;  overflow: hidden;}
section.mobile-block figure{background-size: 100px 27px; background: none; position: absolute; z-index: 1;}
section.mobile-block h2{ position: relative;  z-index: 3;}
section.mobile-block h2 strong{display: block; font-size: 18px; color: #333; padding-bottom: 20px; font-weight: normal;}
section.mobile-block h2 strong p{font-size: 16px;}
section.mobile-block h2 p{display: block; font-size: 12px; color: #808080; text-align: justify;}

#mobile-airbox{width: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
#mobile-airbox i.dark-mask{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.8); z-index: 1; overflow: hidden; opacity: 0; -webkit-transition: opacity .5s ease;}
#mobile-airbox .co{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; z-index: 2; overflow: hidden; opacity: 0; -webkit-transition: opacity .5s .3s ease; -webkit-transform: perspective(400px) rotateX(0) scale(1);}
#mobile-airbox a.close{width: 40px; height: 40px; position: absolute; bottom: 10px; left: 50%; margin-left: -20px; background: url(../../../images/super-nav-ico.png) -160px -40px no-repeat; background-size: 200px 80px; z-index: 99; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-transform: translate3d(0,200%,0) rotate(270deg); -webkit-transform-origin: center; -webkit-transition: all 0 0 ease;}
#mobile-airbox .abox{opacity: 1;}
#mobile-airbox .mobile-gallery{width: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
#mobile-airbox .mobile-gallery ul{position: relative; display: block;}
#mobile-airbox .mobile-gallery ul li{float: left; width: 100%;  text-align: center; position: relative; background: #fff; overflow: hidden;}
.vertical #mobile-airbox .mobile-gallery ul li img{width: 90%; height: auto; position: relative; top: 50%;}
.horizontal #mobile-airbox .mobile-gallery ul li img{height: 90%; width: auto; position: relative; top: 5%;}
#mobile-airbox .mobile-gallery .m-gallery-switch{height: 4px; width: 100%; position: absolute; left: 0; top: 8px; text-align: center;}
#mobile-airbox .mobile-gallery .m-gallery-switch b{width: 4px; height: 4px; overflow: hidden; display: inline-block; margin: 0 2px; background: rgba(0,0,0,.2); -webkit-border-radius: 50%; -webkit-transition: background .3s ease-in-out;}
#mobile-airbox .mobile-gallery .m-gallery-switch b.current{background: #008cd6;}
#mobile-airbox .mobile-threed{width: 100%; overflow: hidden; position: absolute; top: 0; left: 0; background: #fff;}
.vertical #mobile-airbox .mobile-threed iframe{width: 100%;}
#mobile-airbox .mobile-specs{width: 100%; overflow: hidden; overflow-y: auto; position: absolute; top: 0; left: 0; background: #fff;}
#mobile-airbox .mobile-specs table{text-align: left; display: block; margin: 20px 0 50px 0;}
#mobile-airbox .mobile-specs table thead th{font-size: 16px; padding: 10px; color: #000; border-top: 1px #f0f0f0 solid;}
#mobile-airbox .mobile-specs table tbody td{font-size: 14px; padding: 5px 10px; padding-left: 2em; vertical-align: text-top; line-height: 1.2em;}
#mobile-airbox .mobile-specs table thead:first-child th{border: none;}
#mobile-airbox .mobile-specs table tbody td:first-child{width: 70px;}
#mobile-airbox .mobile-specs table tbody tr.split td{height: 10px;}
/* open */
#mobile-airbox.open{z-index: 100;}
#mobile-airbox.open i.dark-mask{opacity: 1;}
#mobile-airbox.open .co{opacity: 1; -webkit-animation: showin 1s .3s ease;}
@-webkit-keyframes showin{
	0%{-webkit-transform: perspective(400px) rotateX(0) scale(.6);}
	30%{-webkit-transform: perspective(400px) rotateX(10deg) scale(.8);}
	60%{-webkit-transform: perspective(400px) rotateX(-10deg) scale(.9);}
	60%{-webkit-transform: perspective(400px) rotateX(0) scale(1);}
}
#mobile-airbox.open a.close{-webkit-transform: translate3d(0,0,0) rotate(45deg); -webkit-transition: all .5s 1s ease;}

/* instage */
section.mobile-block.instage h2{-webkit-transform: translate3d(0,0,0);}
section.mobile-block.outstage h2{-webkit-transform: translate3d(0,-10%,0);}
/* z-new detail */