.hide {
			display: none;
			visibility: hidden;
		}

		.popbox {
			position: fixed;
			top: 0;
			left: 0;
			bottom: 0;
			width: 100%;
			z-index: 1000000;
		}

		.pop-content {
			width: 400px;
			height: 520px;
			display: block;
			position: absolute;
			top: 50%;
			left: 65%;
			margin: -225px 0 0 -425px;
			z-index: 2;
			box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .5);
		}

		.popcontent {
			width: 100%;
			height: 100%;
			display: block;
			background: #fff;
			border-radius: 5px;
			overflow: hidden;
		}

		.pop-overlay {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			width: 100%;
			z-index: 1;
			background: rgba(0, 0, 0, .7)
		}

		.popbox-close-button {
			position: absolute;
			width: 28px;
			height: 28px;
			line-height: 28px;
			text-align: center;
			top: -14px;
			right: -14px;
			background-color: #fff;
			box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .2);
			border: none;
			border-radius: 50%;
			cursor: pointer;
			font-size: 34px;
			font-weight: lighter;
			padding: 0
		}

		.popcontent img {
			display: block
		}

		.flowbox {
			position: relative;
			overflow: hidden
		}

		@media screen and (max-width:840px) {
			.pop-content {
				width: 90%;
				height: auto;
				top: 20%;
				margin: 0 0 0 -45%
			}

			.popcontent img {
				height: auto
			}
		}