.photo {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	box-sizing: border-box;
	padding: 10px;
	color: black;
	font-size: 0.7rem;
	overflow: hidden;
	white-space: normal;
}

.photo img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	max-width: 45%;
	max-height: 45%;
	border: 10px solid white;
	-webkit-transform: translate(-50%, -50%) scale(2);
	transform: translate(-50%, -50%) scale(2);
}

.photo .like {
	position: absolute;
	bottom: 25px;
	right: 25px;
	height: 120px;
	width: 120px;
	border-radius: 60px;
	overflow: hidden;
	
	background: white;
}

.photo .like .hoverBackground {
	position: absolute;
	
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	border-radius: 60px;
	
	opacity: 0;
}

.photo .like.liked .hoverBackground {
	opacity: 1;
}

.photo .like.tizenhovered .hoverBackground {
	opacity: 0.5;
}

.photo .like.loading .hoverBackground {
	opacity: 0.5;
}

.photo .like .icon {
	position: absolute;
	
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	background-image: url('/images/like.svg');
	background-position: center center;
	background-size: 80%;
	background-repeat: no-repeat;
	
	border-radius: 60px;
}

.photo .like .spinner {
	position: absolute;
	
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	height: auto;
	width: auto;
	
	border-right-width: 8px;
	border-right-style: solid;
	
	border-radius: 60px;
	
	-webkit-transform-origin: center center;
	transform-origin: center center;
	
	-webkit-animation: spinner 0.6s linear 0s infinite;
	
	opacity: 0;
}

.photo .like.loading .spinner {
	opacity: 1;
}