/* Outer */
.popup {
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.75);
	z-index:1;
}

/* Inner */
.popup-inner {
	max-width:100%;
	width:98%;
	padding:0;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	box-shadow:0px 2px 6px rgba(0,0,0,1);
	border-radius:3px;
	background:#ffffff;
	max-width: 800px;
}
.popup-inner > img {
    display: block;
    width:100%;
}
/* Close Button */
.popup-close {
	border-radius:7px;
	color:#000000;
	display:inline-block;
	font-family:Arial, Sans-Serif;
	font-size:23px;
	height:28px;
	line-height:28px;
	position:absolute;
	right:20px;
	text-align:center;
	top:18px;
	width:31px;
	transition:ease 0.25s all;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	text-decoration: none;;
}
.popup-close:hover {
	-webkit-transform:translate(50%, -50%) rotate(180deg);
	transform:translate(50%, -50%) rotate(180deg);
	background:rgba(0,0,0,1);
	text-decoration:none;
}
.port-rightbox {
    border-radius: 10px;
    padding: 10px;
    position: absolute;
    right: 10px;
    top: 20px;
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}