/*
 * w438 - phoebusart type-02
 * http://www.phoebusart.com.tw/
 *
 * Copyright 2015, evelyn wang
 * 
 * 
 * October 2015
 */


/* + album list
*----------------------------------------------------------------------------*/
#album {
	margin-bottom: 25px;
	overflow: hidden;
}

/**
*
* =list
*
**/
#album .photoItem ,
#album .album_box {
	margin: 0 2% 20px 0;
	width: 31.3%;
	background: #f6f6f5;
	border: 1px #cbcbc3 solid;
	float: left;
}

#album .photoItem h4 {
	margin: 3px 10px 10px;
	padding-top: 10px;
	border-top: 1px #000 solid;
	font-size: 18px;
}

#album .photoItem .photo ,
#album .album_box .photo {
	margin: 10px 10px 0;
	overflow: hidden;
}

#album .photoItem .photo a ,
#album .album_box .photo a {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	border-bottom: 4px #000 solid;
	display: block;
	transition: all 0.4s ease-in-out 0s;
}

#album .photoItem .photo img ,
#album .album_box .photo img {
	width: 100%;
}

#album .photoItem .photo:hover a ,
#album .album_box .photo:hover a {
	background-size: 110% auto;
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
}

#album .photoItem .more {
	margin: 20px auto 30px;
	padding: 0 7px;
	width: 100px;
	border: 1px solid #000;
	display: block;
	position: relative;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	line-height: 3;
	text-align: center;
	color: #000;
}

#album .photoItem .more:before {
    content: "◢";
    display: block;
    font-size: 20px;
    color: #000;
    line-height: 20px;
    position: absolute;
    bottom: -2px;
    right: 2px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

#album .photoItem .more:hover {
	background: #000;
    border: 1px solid #fff;
    color: #fff;
}

#album .photoItem .more:hover:before {
	-webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
	color:#fff;
}	

#album .photoItem:nth-of-type(3n) ,
#album .album_box:nth-of-type(3n) {
	margin-right: 0;
}

#album .album_box .photo {
	margin-bottom: 10px;
}