@charset "utf-8";

.album-content {
	position:relative;
	overflow:hidden;
	width:774px;
	height:auto;
	left:-13px;
	color:#fff;
}
.album-content-img {
	margin: 6px 0 7px 13px;
	float:left;
	overflow:visible;
	width:245px;
	height:170px;
	position:relative;
	border:0;
}

.album_info {
	position:relative;
	width:739px;
	height:auto;
	padding:10px;
	color:#555;
	border: 1px solid #CCC;
	text-align:justify;
	margin:15px 0;
	overflow:hidden;
}

.album-info-title {
	position:relative;
	width:100%;
	height:28px;
	float:left;
	line-height:28px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:16px;
		color:#555;
}
.album-info-title span {
		font-size:12px;
		color:#00b8e6;
		font-weight:normal;
}

.album-content-art-img {
	margin: 6px 0 7px 13px;
	float:left;
	overflow:visible;
	width:245px;
	height:140px;
	position:relative;
	border:0;
}

.album-gallery-img {
	margin: 6px 0 7px 13px;
	float:left;
	overflow:visible;
	width:245px;
	height:140px;
	position:relative;
	border:0;
	}

.album-down {
	position:relative;
	width:225px;
	height:30px;
	background-color:#323232;
	line-height:30px;
	text-align:left;
	font-weight: bold;
	overflow:hidden;
	padding:0 10px;
}

.album-content span a {
	color:#fff;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	transition-delay: 0s;
}

.album-content span a:hover
{
  color: #00b8e6;
}

.zoom-icon { background:rgba(50,50,50,0.8); }
.zoom-icon { background:url(../@img/gray-opacity-80.png); }
.zoom-icon:before {
	margin:-21px 0 0 -21px;
	width:42px;
	height:43px;
	background:url(../@img/magnify-alt.png) 50% 50% no-repeat;
}

.zoom-icon {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	background:rgba(0,0,0,0.4);
	opacity:0;
	cursor:pointer;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}

.zoom-icon:before {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	margin:-21px 0 0 -21px;
	width:42px;
	height:43px;
	background:url(../@img/magnify-alt.png) 50% 50% no-repeat;
	content:"";
}
.album-thumbnail a:hover .zoom-icon, .thumbnail:hover .zoom-icon { opacity:1; }
.zoom-icon, .album-thumbnail a:hover .zoom-icon, .thumbnail:hover .zoom-icon { visibility:visible; }