/*
--------------------------------------------------------

Item Information
-------------------------------------------------------- */
.ImageWrapper {
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	display: block;
	overflow: hidden;
	position: relative;
}
/*  =============================================
Button Layout and Color Scheme
============================================= */
.base-corner-square {
	border: medium none;
	display: inline-block !important;
	float: none !important;
	font-size: 14px;
	font-weight: normal;
	height: 40px;
	line-height: 38px;
	margin: 0 2px;
	text-align: center;
	width: 40px;
	cursor:pointer;
	border:1px solid #f08143;
}
.base-corner-square i {
	color:#fff;
}
.base-corner-square:before {
	
	height:6px;
	width:6px;
	position:absolute;
	left:0px;
	display: block;
	content: "";
	z-index: 2;
}
.base-corner-square:after {
	
	height:6px;
	width:6px;
	float:right;
	position:absolute;
	right:0px;
	display: block;
	content: "";
	z-index: 2;
	top:0px;
}
.base-corner-square-corner:before {
	
	height:6px;
	width:6px;
	position:absolute;
	left:0px;
	bottom:0px;
	display: block;
	content: "";
	z-index: 2;
}
.base-corner-square-corner:after {
	
	height:6px;
	width:6px;
	float:right;
	position:absolute;
	right:0px;
	display: block;
	content: "";
	z-index: 2;
	bottom:0px;
}
.base-corner-square a:hover {
	background: #000;
	color:#fff;
}
.base-corner-square:hover:before {
		height:6px;
	width:6px;
	position:absolute;
	left:0px;
	display: block;
	content: "";
	z-index: 2;
}
.base-corner-square:hover:after {
	
	height:6px;
	width:6px;
	float:right;
	position:absolute;
	right:0px;
	display: block;
	content: "";
	z-index: 2;
	top:0px;
}
.base-corner-square-corner:hover:before {
	
	height:6px;
	width:6px;
	position:absolute;
	left:0px;
	bottom:0px;
	display: block;
	content: "";
	z-index: 2;
}
.base-corner-square-corner:hover:after {
	
	height:6px;
	width:6px;
	float:right;
	position:absolute;
	right:0px;
	display: block;
	content: "";
	z-index: 2;
	bottom:0px;
}
.base-corner-square > a {
	color: #222222;
	display: block;
	font-weight: normal;
	z-index:999;
}
.ImageWrapper .ImageOverlayH {
	background: none repeat scroll 0 0 rgba(0, 185, 190, 0.5);
	bottom: 10%;
	display: block;
	height: 80%;
	left: 10%;
	opacity: 0;
	position: absolute;
	right: 10%;
	top: 10%;
	transition: all 0.3s ease 0s;
	width: 80%;
	cursor:pointer;
}
.ImageWrapper > img {
	width:100%;
}
.ImageWrapper:hover .ImageOverlayH {
	opacity: 1;
}
.ImageWrapper .StyleV span {
	position: absolute;
	margin:0 auto;
}
.ImageWrapper .StyleV span:nth-of-type(1) {
top: 0;
left: 57%;
margin: -20px 0 0 -40px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
-moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
-ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
-o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
}
.ImageWrapper .StyleV span:nth-of-type(2) {
top: 0;
left: 50%;
margin: -20px 0 0 6px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
-moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
-ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
-o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
}
.ImageWrapper .StyleV span:nth-of-type(3) {
top: 0;
right: 50%;
margin: -20px -68px 0 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;
-moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;
-ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;
-o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;
transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;
}
.ImageWrapper:hover .StyleV span:nth-of-type(1) {
top: 50%;
visibility: visible;
opacity: 1;
}
.ImageWrapper:hover .StyleV span:nth-of-type(2) {
top: 50%;
visibility: visible;
opacity: 1;
}
.ImageWrapper:hover .StyleV span:nth-of-type(3) {
top: 50%;
visibility: visible;
opacity: 1;
}