.content-box {
	width: 970px;
	border: 15px solid transparent;
	border-bottom: 0px none;
}

.content {
	box-shadow: 3px 3px 10px 0px #000;
}

.content-header {
	background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.25));
	min-height: 20px;
	padding: 5px;
	margin-bottom: 0px;
	font: bold 19px arial;
	line-height: 20px;
}
.content-footer {
	background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.25));
	min-height: 20px;
	padding: 5px;
	margin-top: 0px;
	font: bold 19px arial;
	line-height: 20px;
}

.content-body {
	background: linear-gradient(to right,rgba(255,255,255,0.5),rgba(255,255,255,0.75),rgba(255,255,255,0.5));
	min-height: 50px;
	padding: 5px;
}

.info-box {
	z-index: 2;
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;

	font: 16px arial;
	text-decoration: none;
	text-shadow: #000 2px 2px 2px;
	color: #fff;

}



.info {
	width: 300px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}


.info-body {
	text-align: center;
	background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.25));
	box-shadow: 3px 3px 10px 0px #000;
	padding: 5px;
}

.info-header {
	background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.25));
	min-height: 20px;
	padding: 5px;
	margin-bottom: 0px;
	font: bold 19px arial;
	line-height: 20px;
	text-align: center;
}




.info-body label {
	width: 100px;
	height: 25px;
	float: left;
	text-align: left;
}

.info-body a {
	text-align: left;
	font: 12px arial;
	text-decoration: none;
	color: #fff;
}


.info-body input {
	width: 170px;
	height: 25px;
	border: 1px solid #000;
	padding: 0px;
	margin: 0px;
	background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.25));
}


.album {
	width: 244px;
	height: 329px;
	background: rgba(255,255,255,0.5);
	margin: 5px;
	margin-right: -5px;
	margin-bottom: 0px;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	color: #fff;
}

.album-preview {
	border: 1px solid #ccc;
	margin: 5px;
	width: auto;
	height: 165px;
	clear: both;
}

.album-title {
	background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.25));
	min-height: 20px;
	padding: 5px;
	margin-bottom: 0px;
	font: bold 19px arial;
	line-height: 20px;
}

.album-image {
	width: 244px;
	height: 207px;
	background: rgba(255,255,255,0.5);
	margin: 5px;
	margin-right: -5px;
	margin-bottom: 0px;
	text-align: center;
	display: inline-block;
	white-space: normal;
}

.photo-image {
	width: 990px;
	background: rgba(255,255,255,0.5);
	margin: 5px;
	margin-right: -5px;
	margin-bottom: 0px;
	text-align: center;
	display: inline-block;
	white-space: normal;
}

.photo-preview {
	border: 1px solid #ccc;
	margin: 5px;
	width: auto;
	height: 167px;
	clear: both;
}

.album-preview:hover {
        transition-property: all;
        transition-duration: 0.5s;
        transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        transition-delay: 0s;
}

.photo {
	border: 1px solid #ccc;
	border: 0px none;
	margin: 5px;
	width: auto;
	height: 651px;
	clear: both;
	vertical-align: bottom;
	line-height: 1100px;
}

.photo-container:hover {
	opacity: 1;
}
.photo-container {
	height: 651px;
	opacity: 0;
}

.photo small {
	background: rgba(255,255,255,0.25);
	border-radius: 10px;
	padding: 10px;
	opacity: 0.75;
}

.photo small:hover {
	background: rgba(255,255,255,0.5);
	border-radius: 10px;
	padding: 10px;
	opacity: 1;
}

.photo a {
	color: #fff;
	text-decoration: none;
}