
/*General Mosaic Styles*/
.mosaic-block .pic {display: block;width:238px;height:238px;overflow:hidden;}
.mosaic-block {
    float:left;
    position:relative;
    overflow:hidden;
    width:238px;
    height:238px;
}
.mosaic-block .soldout{ position: absolute; width: 135px; height: 135px; background-color: rgba(0,0,0,.6);
color: #fff; line-height: 135px; text-align: center; font-size:20px; top: 50%; left:50%; margin-left: -65px;
margin-top: -65px;  border-radius: 50%;}
.mosaic-block .details {width:100%;height:100%;color:#fff;font-size:16px;}
.mosaic-block .details p {margin-top:100px;}
.mosaic-backdrop {
    display:none;
    position:absolute;
    top:0;
    height:183px;
    width:100%;
    background-color: #111;
}
.giftright .mosaic-backdrop {background-color: #fff;}
.activity-container .mosaic-backdrop {height:238px;}
.mosaic-overlay {
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    background:#111;
}

/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
    background:url(../img/hover-magnify.png) no-repeat center center;
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter:alpha(opacity=00);
    display:none;
}

.fade .mosaic-overlay {
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter:alpha(opacity=00);
    background:url(../img/bg-black.png);
}

.bar .mosaic-overlay {
    bottom:-100px;
    height:100px;
    background:url(../img/bg-black.png);
}

.bar2 .mosaic-overlay {
    bottom:-50px;
    height:100px;
    opacity:0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80);
}

.bar2 .mosaic-overlay:hover {
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
}

.bar3 .mosaic-overlay {
    top:-100px;
    height:100px;
    background:url(../img/bg-black.png);
}	
#left-container li a:hover img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.55s;
	transition: opacity 0.35s, transform 0.55s;
	transform:scale(1.1);
-ms-transform:scale(1.1); 	/* IE 9 */
-moz-transform:scale(1.1); 	/* Firefox */
-webkit-transform:scale(1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1); 	/* Opera */}
