#imgbox{width: 100%; height: 100%; margin: auto; position: relative;}
/* .item1,.item2,.item3{width: 130%; height: 120%;} */
.item1,.item2,.item3,.item8{width: 130%; height: 120%;}
/* .item1 img,.item3 img{width:77%;height: 83%; margin: 0 auto; display: block; padding-top: 7%;} */
.item1 img{    width: 100%;-webkit-transform: scale(.74);transform: scale(.74);
    -webkit-transform-origin: 55% 43%;transform-origin: 55% 43%;}
.item2 img{    width: 100%;-webkit-transform: scale(.8);transform: scale(.8);-webkit-transform-origin: 46% -22%;transform-origin: 46% -22%;}
.item3 img{
	width: 100%;
	-webkit-transform: scale(.76);
	transform: scale(.76);
    -webkit-transform-origin: 56% 36%;
    transform-origin: 56% 36%;
}
.item4{width: 130%; height: 140%;}
.item4 img{width: 100%; margin: 0 auto; display: block; -webkit-transform: scale(.8);transform: scale(.8);-webkit-transform-origin: 62% 1%;transform-origin: 62% 1%;}
.item5{z-index: 20;opacity: 0.9;filter:alpha(opacity=90); widows: 130%; height: 110%;}
.item5 img{width: 77%; height: 90%; margin: 0 auto; display: block; padding-top: 6%;}
.item6 img{    width: 100%;-webkit-transform: scale(.7);transform: scale(.7);-webkit-transform-origin: 48% 30%;transform-origin: 48% 30%;}
.item7 img{    -webkit-transform: scale(.68);transform: scale(.68);-webkit-transform-origin: 37% 26%;transform-origin: 37% 26%;width: 100%;}
.item8 img{ width: 100%;-webkit-transform: scale(.76);transform: scale(.76);-webkit-transform-origin: 55% 36%;transform-origin: 55% 36%;}
.item9{z-index: 10;}
.item9 img{width: 100%; margin: 0 auto; 
    -webkit-transform: scale(.64);
    transform: scale(.64);
    -webkit-transform-origin: 3% 52%;
    transform-origin: 3% 52%;
}
#loading{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: #000 url(../images/guide_loading.gif) no-repeat center center; }
.guide-logo{ position: absolute; top: 40px; left: 30px; z-index: 10; }
.guide-menu{ position: absolute; top: 50%; left: 25px; width: 69px; height: 50px; margin-top: -25px; background: url(../images/guide-menu.png) no-repeat center center; }
.guide-play{ cursor: pointer; position: absolute; top: 50%; right: 25px; width: 83px; height: 82px; margin-top: -41px; background: url(../images/guide-play.png) no-repeat center center; }
.guide-play a{display: block; width: 100%; height: 100%;}
.guide-txt{ position: absolute; top: 28%; left: 22%; }

.guide-main-nav{ opacity: 0; visibility: hidden; z-index: 100;position: absolute; top: 50%; left: 0; width: 100%; height: 184px; background-color: #000; margin-top: -92px; transform-origin: left top; transform: scaleX(0); transition: all .6s ease; }
.guide-main-nav ul{ height: 142px; margin-top: 21px; width: 459px; margin-left: auto; margin-right: auto; }
.guide-main-nav li{ position: relative; float: left; width: 50px; height: 100%; border-right: 1px solid #1a1a1a; }
.guide-main-nav li:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #aeaeae; z-index: -2; transition: all .6s ease; opacity: 0; visibility: hidden; transform: scaleY(0); }
.guide-main-nav li a{ font-size: 14px; color: #fff; display: block; width: 20px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 25px; }
.guide-main-nav li:hover:before{ opacity: 1; visibility: visible; transform: scaleY(1); }
.guide-btn-close{ position: absolute; top: 50%; right: 40px; margin-top: -18px; width: 47px; height: 37px; background: url(../images/guide-btn-close.png) no-repeat center center; transition: all .6s ease; }
.guide-main-nav-show{ opacity: 1; visibility: visible; transform: scaleX(1); }
.guide-btn-close:hover{ transform: rotate(180deg); }

.gc-btn{
	position: absolute;
	left: 0;bottom:  24px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color:  #333;
}