@charset "utf-8";
/* CSS Document */

/*hover*/
.da-thumbs li a strong{
 top: 0px;
 left: -100%;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
.da-thumbs li a:hover strong{
 left: 0px;
}
.da-thumbs {
	list-style: none;
	width:100%;
	height: 600px;
	position: relative;
	margin: 20px auto;
	padding: 0;
}
.da-thumbs li {
	float: left;
	background: #fff;
	position: relative;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	border:1px solid #e6e6e6;
	margin:4px;
}
.da-thumbs li,
.da-thumbs li img {
	display: block;
}
.da-thumbs li {
	overflow: hidden;
}
.da-thumbs li strong{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:1500;
	display:none;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.55) 100%); /* FF3.6+ */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */

}
.da-thumbs li strong.da-animate {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* Initial state classes: */
.da-slideFromTop {
	left: 0px;
	top: -100%;
}
.da-slideFromBottom {
	left: 0px;
	top: 100%;
}
.da-slideFromLeft {
	top: 0px;
	left: -100%;
}
.da-slideFromRight {
	top: 0px;
	left: 100%;
}
/* Final state classes: */
.da-slideTop {
	top: 0px;
}
.da-slideLeft {
	left: 0px;
}
.zoom {
	background: url("../images/link.png") no-repeat scroll right top transparent;
	height: 23px;
	width: 23px;
	-moz-transition: all 250ms ease-out 0s;
	-webkit-transition:all 250ms ease-out 0s;
	-o-transition:all 250ms ease-out 0s;
	-ms-transition:all 250ms ease-out 0s;
	transition:all 250ms ease-out 0s;
}
.zoom:hover {
    background-position: right bottom;
}
.link {
	background: url("../images/link.png") no-repeat scroll left top transparent;
	height: 23px;
	width: 23px;
	-moz-transition: all 250ms ease-out 0s;
	-webkit-transition:all 250ms ease-out 0s;
	-o-transition:all 250ms ease-out 0s;
	-ms-transition:all 250ms ease-out 0s;
	transition:all 250ms ease-out 0s;
}
.link:hover {
    background-position: left bottom;
}
.mix_wrapper .product-name{
    min-height:60px;
    padding:10px;
    text-align: center;
}
.mix_wrapper .product-name a{text-decoration:none;}
.mix_wrapper .actions{display:inline-block; width:100%; text-align:center;}
.mix_wrapper .iconPan{
    display: inline-block;
    text-align: center;
}
.mix_wrapper .iconPan a{ float:left; margin:2px; font-size:0;}
.line_heading span {
    color: #000000;
    display: inline-block;
    font-size: 15px;
    margin-top: 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}