html,body{overflow-x:hidden;overflow-y:hidden;transform-origin:left top; background-repeat:no-repeat;margin:0px;padding:0px;width:1280px; height:730px;}
img {pointer-events:none;}
div{position:absolute;background-repeat:no-repeat;margin:0px;padding:0px;
	-webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */}
iframe{position:absolute; overflow:hidden; width:1280px; height:730px; left:0px; top:0px;
	-webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */}
#frame {transform-origin: left top; width:1280px; height:730px;}
/* video ctrl */
.ctrlbar2{width:100%; height:18px; background-color:#A17A4D; }
.ctrlbar{width:100%; height:15px; background-color:#cccc99; }
.ctrlpoint{width:15px; height:15px; background-color:#9F631D; pointer-events:none;}
.stop, .ctrl{background-color:rgba(0,0,0,0); top:0px; left:0px; width:100%; height:100%;}
.lightnext {left:1202px; top:648px; width:68px; height:76px; background-image:url(../images/lightnext.png);}

.Btns>div{cursor:pointer;}
.Btns>.avtive{cursor:pointer;pointer-events:none;}
.btn1 { cursor:pointer; left:82px; top:659px; width:135px; height:52px; background-image:url(../images/btn1.png);}
.btn2 { cursor:pointer; left:424px; top:662px; width:105px; height:45px; background-image:url(../images/btn2.png);}
.btn3 { cursor:pointer; left:738px; top:662px; width:102px; height:46px; background-image:url(../images/btn3.png);}
.btn4 { cursor:pointer; left:1118px; top:652px; width:134px; height:52px; background-image:url(../images/btn4.png);}
.btn1:hover { left:82px; top:659px; width:135px; height:52px; background-image:url(../images/btn1h.png);}
.btn2:hover { left:424px; top:662px; width:105px; height:45px; background-image:url(../images/btn2h.png);}
.btn3:hover { left:738px; top:662px; width:102px; height:46px; background-image:url(../images/btn3h.png);}
.btn4:hover { left:1118px; top:652px; width:134px; height:52px; background-image:url(../images/btn4h.png);}
.btn1.active { left:84px; top:663px; width:135px; height:52px; background-image:url(../images/btn1v.png);pointer-events:none;}
.btn2.active { left:426px; top:666px; width:105px; height:45px; background-image:url(../images/btn2v.png);pointer-events:none;}
.btn3.active { left:740px; top:666px; width:102px; height:46px; background-image:url(../images/btn3v.png);pointer-events:none;}
.btn4.active { left:1130px; top:658px; width:134px; height:52px; background-image:url(../images/btn4v.png);pointer-events:none;}
.p6_btn1 { cursor:pointer; left:1133px; top:662px; width:132px; height:59px; background-image:url(../images/p6_btn1.png);}
.p6_btn1:hover { left:1133px; top:662px; width:132px; height:59px; background-image:url(../images/p6_btn1h.png);}
.p6_btn1.active { left:1136px; top:663px; width:126px; height:56px; background-image:url(../images/p6_btn1v.png);pointer-events:none;}
.p7_btn1 { cursor:pointer; left:68px; top:157px; width:107px; height:107px; background-image:url(../images/p7_btn1.png);}
.p7_btn2 { cursor:pointer; left:475px; top:157px; width:107px; height:107px; background-image:url(../images/p7_btn1.png);}
.p7_btn3 { cursor:pointer; left:884px; top:157px; width:107px; height:107px; background-image:url(../images/p7_btn1.png);}
.p7_btn4 { cursor:pointer; left:383px; top:216px; width:107px; height:107px; background-image:url(../images/p7_btn1.png);}
.p7_btn1:hover { left:68px; top:157px; width:107px; height:107px; background-image:url(../images/p7_btn1h.png);}
.p7_btn2:hover { left:475px; top:157px; width:107px; height:107px; background-image:url(../images/p7_btn1h.png);}
.p7_btn3:hover { left:884px; top:157px; width:107px; height:107px; background-image:url(../images/p7_btn1h.png);}
.p7_btn4:hover { left:383px; top:216px; width:107px; height:107px; background-image:url(../images/p7_btn1h.png);}
.p7_btn1.active { left:68px; top:157px; width:107px; height:107px; background-image:url(../images/p7_btn1v.png);pointer-events:none;}
.p7_btn2.active { left:475px; top:157px; width:107px; height:107px; background-image:url(../images/p7_btn1v.png);pointer-events:none;}
.p7_btn3.active { left:884px; top:157px; width:107px; height:107px; background-image:url(../images/p7_btn1v.png);pointer-events:none;}
.p7_btn4.active { left:383px; top:216px; width:107px; height:107px; background-image:url(../images/p7_btn1v.png);pointer-events:none;}


.nbtn1 { cursor:pointer; left:32px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn1.png);transform: scale(0.8);}
.nbtn1:hover { left:32px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn1.png);transform: scale(0.9);}
.nbtn2 { cursor:pointer; left:132px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn2.png);transform: scale(0.8);}
.nbtn2:hover { left:132px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn2.png);transform: scale(0.9);}
.nbtn3 { cursor:pointer; left:232px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn3.png);transform: scale(0.8);}
.nbtn3:hover { left:232px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn3.png);transform: scale(0.9);}
.nbtn4 { cursor:pointer; left:332px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn4.png);transform: scale(0.8);}
.nbtn4:hover { left:332px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn4.png);transform: scale(0.9);}
.nbtn5 { cursor:pointer; left:432px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn5.png);transform: scale(0.8);}
.nbtn5:hover { left:432px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn5.png);transform: scale(0.9);}
.nbtn6 { cursor:pointer; left:532px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn6.png);transform: scale(0.8);}
.nbtn6:hover { left:532px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn6.png);transform: scale(0.9);}
.nbtn7 { cursor:pointer; left:632px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn7.png);transform: scale(0.8);}
.nbtn7:hover { left:632px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn7.png);transform: scale(0.9);}
.nbtn8 { cursor:pointer; left:732px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn8.png);transform: scale(0.8);}
.nbtn8:hover { left:732px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn8.png);transform: scale(0.9);}
.nbtn9 { cursor:pointer; left:832px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn9.png);transform: scale(0.8);}
.nbtn9:hover { left:832px; top:610px; width:112px; height:112px; background-image:url(../images/nbtn9.png);transform: scale(0.9);}
/*  */
.bgblack{background-color:#000000;}
.hidden{visibility:hidden; }
.none{display:none;}
.disable {pointer-events:none; opacity:0.5;}
.untouch{pointer-events:none;}
.alpha5 {opacity:0.5;}
.alpha8 {opacity:0.8;}
.alpha0 {opacity:0;}
.anime {
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
}
.anime5 {
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}