.wow { display:inline; position:relative }
.wow:hover { text-decoration:none }
.wow:hover:after {
	color:#FFF;
	font-size: 14px;
	background:#000;
	background:rgba(0,0,0,.8);
	content:attr(data-title);
	padding:3px 8px;
	white-space:nowrap;
	display:block;
	position:absolute;
	left:30%;
	bottom:18px;
	z-index:8
}
.wow:hover:before {
        border:solid;
        border-color:rgba(0,0,0,.8) transparent;
        border-width:6px 6px 0 6px;
        content:"";
        display:block;
        position:absolute;
		left:50%;
		bottom:12px;
        z-index:9
}


.view{
padding:5px;
}

.view:hover{
background:#f5f5f5;
border-radius: 5px;
}

.bulat{
border-radius:100em;
opacity:0.8;
border:#a9a9a9;

}
.bulat:hover{
	opacity:1;
	transform:scale(1.05);
	transition:all 0.5s ease;
}
.kotak{
	border-radius:0.5em;
	opacity:0.8;
	border:2px solid #c6c6c6;
	width:120px;
	height:120px;
}
.kotak:hover{
opacity:1;

	transform:scale(1.05);
	transition:all 0.5s ease;
}
.cari{
	width:250px;
	height:150px;
}
.cari:hover{
	transform:scale(1.05);
	transition:all 0.5s ease;
}
.kotakcampur{
	border-radius:0.5em;
	border:2px solid #c6c6c6;
	overflow:hidden;

}