.overlayBgCss {
	position:			fixed;
	top:				0;
	left:				0;
	display:			none;
	height:				100%;
	width:				100%;
	z-index:			100;
	background:			#000;
	background:			rgba(0,0,0,.9);
}

.overlayTdCss {
	display:			table-cell;
	vertical-align:		middle;	
	text-align:			center;
}

.overlayBoxCss {
	display:			inline-block;
	position:			relative;
	width:				auto;
	background: #404040;
	max-width:			98%;
	max-height:			98%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: 	all .3s ease-in-out;
	transition:			all .3s ease-in-out;
}

.boxTitle {
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
    padding-right: 25px;
    font-weight: normal;
    text-align: left;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    background: #333333;
}

.overlayBoxCss a.close {
	position:			absolute;
	top:				5px;
	right:				5px;
	font-size: 			20px;
    color: 				#fff;
    font-weight: 		normal;
	text-align:			center;
	width:				40px;
    height: 			40px;
    line-height: 		40px;
	background: 		#666;
	text-decoration:	none;
	opacity:			.5;	
}

.overlayBoxCss a.close:hover {
	opacity:			1;	
	cursor:				pointer;
}

.overlayInfo {
	padding: 			15px;	
}

.overlayBgCss input[type="text"],
.overlayBgCss input[type="password"] {
    margin: 0px 20px 10px 0;
	border-radius: 0;
	width: 94%;
}

.overlayInfo A:link, A:active, A:visited {
	text-decoration: none;
}

@media all and (max-width: 900px) {
	
	.overlayTdCss {
		display:			block;
	}
	
	.boxTitle {
    	font-size: 			15px;
	}
	
	.vipPhotoOverlay #imgPhotoView {
		width:				90%;
	}
	
	.overlayBoxCss {
		margin-top: 10%;
	}
	
}

@media all and (max-width: 460px) {
	
	.overlayBoxCss {
		width: 100%;
		margin-top: 0;
	}
	
}