@charset "utf-8";
.contentpp{
	width:1150px;
	height:auto;
	margin:0 auto;
}

.contentpp a{
	color:#999;
}
.demo{
	float:left;
	width:50%;
	height:auto;
	margin-bottom:40px;
    
}


.he_3DFlipY{display:block;width:100%;height:250px;overflow:hidden;padding:0;margin:0;border:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%}
.he_3DFlipY_inner{width:100%;height:100%;padding:0;margin:0;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.he_3DFlipY_inner > div.he_3DFlipY_img{backface-visibility:hidden;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.he_3DFlipY_inner:hover > div.he_3DFlipY_img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}.he_3DFlipY_inner > div img{max-width:100%;padding:0;margin:0;display:block;position:relative}
.he_3DFlipY_caption{position:absolute;top:0;left:0;padding:0;background:#fe7253;color:#fff;height:100%;width:100%;padding:0;margin:0;opacity:0;background-color:#fe7253;text-align:center;backface-visibility:hidden;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.he_3DFlipY_inner:hover .he_3DFlipY_caption{opacity:1;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0)}
.he_3DFlipY_caption h3{font-size:1.3em;font-weight:700;text-align:center;width:100%;position:absolute;top:25%;left:5px;margin:0;padding:0;color:#fff}
.he_3DFlipY_caption p{font-size:1em; width:100px;text-align:center;color:#fff; border:#FFF 1px solid; position:absolute;top:50%;left:39%; padding:6px 16px; border-radius:40px;}
.he_3DFlipY a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0}

.he_3DFlipY_img img{
	float:left;
    width: 260px;
    height: 250px;
	padding:10px;}

.he_3DFlipY_img tt{
	float:left;
    width: 262px;
	font-weight:600;
	line-height:60px;
    height:60px;
	font-size:16px;
	border-bottom: 1px solid #000;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	course:hand;
	padding:4px;
}
.he_3DFlipY_img cc{
	float:left;
	color:#999;
    width: 262px;
	line-height:30px;
    height:30px;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	course:hand;
	padding:4px;
}
.he_3DFlipY_img dd{
	float:left;
	color:#999;
    width: 262px;
	line-height:20px;
    height:120px;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:inherit;
	course:hand;
	padding:4px;
}