.cd-image-container {
	/*position: absolute;
	width:100%;
	margin:0 auto; 
	left:0; 
	bottom:0;*/
}
.cd-image-container video {
	display:block
}
.cd-image-label {
	position:absolute;
	bottom:0;
	right:0;
	color:#fff;
	padding:1em;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	opacity:0;
	-webkit-transform:translatey(20px);
	-moz-transform:translatey(20px);
	-ms-transform:translatey(20px);
	-o-transform:translatey(20px);
	transform:translatey(20px);
 -webkit-transition:-webkit-transform .3s .7s, opacity .3s .7s;
 -moz-transition:-moz-transform .3s .7s, opacity .3s .7s;
 transition:transform .3s .7s, opacity .3s .7s
}
.cd-image-label.is-hidden {
	visibility:hidden
}
.is-visible .cd-image-label {
	opacity:1;
	-webkit-transform:translatey(0);
	-moz-transform:translatey(0);
	-ms-transform:translatey(0);
	-o-transform:translatey(0);
	transform:translatey(0)
}
.cd-resize-img {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	overflow:hidden;
	-webkit-transform:translatez(0);
	-moz-transform:translatez(0);
	-ms-transform:translatez(0);
	-o-transform:translatez(0);
	transform:translatez(0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.cd-resize-img video {
	position:absolute;
	left:0;
	top:0;
	display:block;
	height:100%;
	width:auto;
	max-width:none
}
.cd-resize-img .cd-image-label {
	right:auto;
	left:0
}
.is-visible .cd-resize-img {
	width:50%;
 -webkit-animation:cd-bounce-in .7s;
 -moz-animation:cd-bounce-in .7s;
 animation:cd-bounce-in .7s
}
@-webkit-keyframes cd-bounce-in {
 0% {
 width:0
}
60% {
 width:55%
}
100% {
 width:50%
}
}
@-moz-keyframes cd-bounce-in {
 0% {
 width:0
}
60% {
 width:55%
}
100% {
 width:50%
}
}
@keyframes cd-bounce-in {
 0% {
 width:0
}
60% {
 width:55%
}
100% {
 width:50%
}
}
.cd-handle {
	position:absolute;
	height:44px;
	width:44px;
	left:50%;
	top:50%;
	margin-left:-22px;
	margin-top:-22px;
	border-radius:50%;
	
	cursor:move;
	box-shadow:0 0 0 6px rgba(0, 0, 0, .2), 0 0 10px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .3);
	opacity:0;
	-webkit-transform:translate3d(0, 0, 0) scale(0);
	-moz-transform:translate3d(0, 0, 0) scale(0);
	-ms-transform:translate3d(0, 0, 0) scale(0);
	-o-transform:translate3d(0, 0, 0) scale(0);
	transform:translate3d(0, 0, 0) scale(0)
}
.cd-handle .img2{ position:absolute; left:0; top:0; width:100%; height:100%; background: url(/uploads/image/pheihero/surge_trigger.png) no-repeat;background-size:100% auto; z-index:9;}
.cd-handle span{width:88px; height:88px; position:absolute; left:0; top:0; border-radius:100%; background:#cfcfcf; opacity:0.3; display:block;}
@keyframes bowenss{
	0% {transform: scale(1); opacity:.3;}
	100% {transform:scale(5); opacity:0;}
}
@-webkit-keyframes bowenss{
	0% {-webkit-transform: scale(1); opacity:.3;}
	100% {-webkit-transform:scale(5); opacity:0;}
}
.cd-handle span{-webkit-animation:bowenss 1.8s ease-in infinite; animation:bowenss 1.8s ease-in infinite;}
.cd-handle span.n2{animation-delay:0.6s; -webkit-animation-delay:0.6s;}
.cd-handle span.n3{animation-delay:1.2s; -webkit-animation-delay:1.2s;}
.cd-handle.draggable span{ display:none;}




.cd-handle.draggable {
	background-color:#445b7c
}
.is-visible .cd-handle {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0) scale(1);
	-moz-transform:translate3d(0, 0, 0) scale(1);
	-ms-transform:translate3d(0, 0, 0) scale(1);
	-o-transform:translate3d(0, 0, 0) scale(1);
	transform:translate3d(0, 0, 0) scale(1);
 -webkit-transition:-webkit-transform .3s .7s, opacity 0s .7s;
 -moz-transition:-moz-transform .3s .7s, opacity 0s .7s;
 transition:transform .3s .7s, opacity 0s .7s
}
.is-visible .cd-resize-img {
	border-right:1px solid #ccc;
}
.cd-resize-img .cd-image-label {
	color:#333;
	right:100px;
}
.is-visible .cd-handle {
	
	width:88px;
	height:88px;
	margin-left:-44px;
	margin-top:-44px;
	box-shadow:none;
}
.cd-image-container .left {
	display:none;
	position:absolute;
	left:0;
	top:0;
}
.cd-image-container .right {
	display:none;
	position:absolute;
	left:0;
	top:0;
}
.cd-image-container .left {
	position: absolute;
	left:0%;
	top:0;
	height:100%;
	z-index:99;
	width:100%;
	display:none;
}
.cd-image-container .left .txt {
	width:340px;
	height:150px;
	position:absolute;
	left:40%;
	top:43%;
	margin-left:60px;
	margin-top:-75px;
	/*background:url(/uploads/image/pheihero/t1.png) no-repeat;*/
}
.cd-image-container .left .txt p {
	text-align:center;
	margin-top:120px;
	font-size:30px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 4px;
}
.cd-image-container .right {
	position: absolute;
	right:0%;
	top:0;
	height:100%;
	width:100%;
	z-index:99;
	display:none;
}
.cd-image-container .right .txt {
	width:460px;
	height:150px;
	position:absolute;
	left:50%;
	top:43%;
	margin-left:-390px;
	margin-top:-75px;
	/*background:url(/uploads/image/pheihero/t2.png) no-repeat;*/
}
.cd-image-container .right .txt p {
	text-align:center;
	margin-top:120px;
	font-size:30px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 4px;
}
.cd-handle {
	z-index:999;
}
.txt_left {
	/*background: url(/uploads/image/pheihero/txt_1.png) no-repeat;*/
	width:670px;
	position:absolute;
	left: -280px;
    top: -90px;
	font-size:40px;
	color: #fff;
	font-weight: bold;
	letter-spacing:5px;
	text-align: center;
}
.txt_right {
	background: url(/uploads/image/pheihero/txt_2.png) no-repeat;
	width:156px;
	height:38px;
	position:absolute;
	left:108px;
	top:26px;
}

.w1366h768 .box_04{ margin-bottom:-50px;}
.cd-image-container,.cd-handle{ *display:none;}