body{
	margin:0;
}
.container{
	width:800px;
	margin:0 auto;
}
/*Old Style*/
html.ipop-show body {
	overflow: hidden;
}
div.ipop-wrapper {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50%;
	z-index: 999999999999999;
}
iframe.ipop {
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
img.ipop-close {
	border: none;
	position: absolute;
	top: 5px;
	right: 25px;
	z-index: 1000000000001;
}
/*Custom*/
#stick_open_iframe{
	position:fixed;	
	width:150px;
	height:30px;
	background:#32a852;
	transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
	left:-60px;
	top:50%;
	z-index:100;		
	text-align:center;
	color:#fff;
	line-height:30px;
	font-size:20px;
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
}
#stick_open_iframe:hover,img.ipop-close:hover{
	opacity:0.8;
	cursor:pointer;
}
.pt-page-flipInTop {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInTop .5s both ease-out;
	animation: flipInTop .5s both ease-out;
}
.pt-page-flipInTop .inner{
	height:500px;
	background:#cecece;
	border:1px solid green;
}
@-webkit-keyframes flipInTop {
	from { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}



div.ipop-wrapper {    
    position: fixed;    
}