@charset "utf-8";
/* CSS Document */
img{border:0}

#example {
	width: 1100px;
	height:auto;
	margin: 0 auto; overflow:hidden
	
	
}
/*General Styles*/
.mosaic-block {width:313px; height:315px; float: left; position: relative; overflow: hidden; display: inline; margin:5px 0 0 0px;}
.mosaic-block a {color: #EEE;	line-height: 100%; text-decoration:none} 
.mosaic-block h4 { 	font-size: 100%;	line-height: 200%;	margin-top: 120px;}

.msxcl{width:313px; height:315px; float:left;  position: relative; overflow: hidden; display: inline;}
.ms0 {width: 313px;	height: 154px;	float: left; position: relative; overflow: hidden; display: inline;	margin: 5px 2px 1px 0px;}
.ms0 a {color: #EEE;line-height: 200%; text-decoration:none} 
.ms0 h4 { font-size: 100%;	line-height: 200%;	margin-top: 50px;}

.msxcl2{width:238px; height:315px; float:left;  position: relative; overflow: hidden; display: inline;  margin-left:8px}

.msxcl3{width:238px; height:315px; float:left;  position: relative; overflow: hidden; display: inline;  margin-left:8px}
.ms01 {width: 238px;	height: 315px;	float: left; position: relative; overflow: hidden; display: inline;	margin: 3px 0 0 2px;}
.ms01 a {color: #EEE;line-height: 150%; text-decoration:none} 
.ms01 h4 { font-size: 100%;	line-height: 200%;	margin-top: 150px;}

.msxc4{width:287px; height:315px; float:left;  position: relative; overflow: hidden; display: inline; margin-left:8px}
.ms02 {width: 287px; height: 154px;	float: left; position: relative; overflow: hidden; display: inline;	margin: 5px 2px 1px 0px;}
.ms02 a {color: #EEE;line-height: 150%;	text-shadow: 1px 1px 0 #000;} 
.ms02 h4 { font-size: 100%;	line-height: 150%;	margin-bottom: 5px;}

.ms03 {width: 287px; height: 154px;	float: right; position: relative; overflow: hidden; display: inline;	margin: 5px 2px 1px 0px;}
.ms03 a {color: #EEE;line-height: 100%;	 text-decoration:none} 
.ms03 h4 { font-size: 100%;	line-height: 200%;	margin-top: 50px;}

.msxcl5{width:246px; height:315px; float:left;  position: relative; overflow: hidden; display: inline;}
.ms04 {width: 246px;	height: 154px;	float: left; position: relative; overflow: hidden; display: inline;	margin: 8px 0px 1px 10px;}
.ms04 a {color: #EEE;line-height: 100%; text-decoration:none} 
.ms04 h4 { font-size: 100%;	line-height: 100%;	margin-top: 75px;}

.ms05 {width: 246px;	height: 154px;	float: left; position: relative; overflow: hidden; display: inline;	margin: 8px 0px 1px 10px;}
.ms05 a {color: #EEE;line-height: 100%;	text-decoration:none;} 
.ms05 h4 { font-size: 100%;	line-height: 100%;	margin-top: 75px;}

.msxcl6{width:245px; height:315px; float:left;  position: relative; overflow: hidden; display: inline;  margin-left:0px; margin-top:0px}
.ms08 {width: 245px;	height: 315px;	float: left; position: relative; overflow: hidden; display: inline;	margin: 8px 0px 1px 10px;}
.ms08 a {color: #EEE;line-height: 100%;	text-shadow: 1px 1px 0 #000;} 
.ms08 h4 { font-size: 100%;	line-height: 100%;	margin-bottom: 5px;}

.msxcl7{width:294px; height:315px; float:right;  position: relative; overflow: hidden; display: inline;}
.ms06 {width: 294px;	height: 154px;	float: left; position: relative; overflow: hidden; display: inline;	margin: 8px 0px 1px 10px;}
.ms06 a {color: #EEE;line-height: 200%; text-decoration:none} 
.ms06 h4 { font-size: 100%;	line-height: 200%;	margin-top: 50px;}

.ms07 {width: 287px;	height: 154px;	float: left; position: relative; overflow: hidden; display: inline;	margin: 8px 0px 1px 10px;}
.ms07 a {color: #EEE;line-height: 200%;text-decoration:none} 
.ms07 h4 { font-size: 100%;	line-height: 200%;	margin-top: 50px;}


.msone{width:484px; height:315px; float:left;  position: relative; overflow: hidden; display: inline; margin-left:8px; margin-top:5px}
.ms1 {width: 238px;	height: 154px;	float: left; position: relative; overflow: hidden; display: inline;	margin: 3px 0 0 0px;}
.ms1 a {color: #EEE;line-height: 100%;	text-shadow: 1px 1px 0 #000;} 
.ms1 h4 { font-size: 100%;	line-height: 100%;	margin-bottom: 5px;}

.ms2 {width: 238px;	height: 154px;	float: left; position: relative; overflow: hidden; display: inline;	margin: 3px 0 0 8px;}
.ms2 a {color: #EEE;line-height: 100%; text-decoration:none} 
.ms2 h4 { font-size: 100%;	line-height: 100%;	margin-top: 80px;}

.ms3 {width: 484px;	height: 154px;	float: left; position: relative; overflow: hidden; display: inline;	margin: 8px 0 0 2px;}
.ms3 a {color: #EEE;line-height: 120%;	text-shadow: 1px 1px 0 #000;} 
.ms3 h4 { font-size: 100%;	line-height: 100%;	margin-bottom: 5px;}

/*.mstwo{width:254px; height:502px; float:left;  position: relative; overflow: hidden; display: inline;}
.ms4 {width: 254px;	height: 148px;	float: left; position: relative; overflow: hidden; display: inline;	margin: 3px 0 0 5px;}
.ms4 a {color: #EEE;line-height: 120%;	text-shadow: 1px 1px 0 #000;} 
.ms4 h4 { font-size: 130%;	line-height: 130%;	margin-bottom: 5px;}

.ms5 {width: 254px;	height: 338px;	float: left; position: relative; overflow: hidden; display: inline;	margin: 3px 0 0 5px;}
.ms5 a {color: #EEE;line-height: 120%;	text-shadow: 1px 1px 0 #000;} 
.ms5 h4 { font-size: 130%;	line-height: 130%;	margin-bottom: 5px;}*/

.msthree{width:287px; height:315px; float:left;  position: relative; overflow: hidden; display: inline; margin-left:8px; margin-top:5px}
.ms6 {width: 287px;	height: 315px;	float: left; position: relative; overflow: hidden; display: inline;	margin: 3px 0 0 2px;}
.ms6 a {color: #EEE;line-height: 100%; text-decoration:none;} 
.ms6 h4 { font-size: 100%;	line-height: 200%;	margin-top: 120px;}

.ms7 {width: 172px;	height: 80px; position: absolute; overflow: hidden; top:268px; left:0;  margin: 3px 0 0 2px;}
.ms7 a {color: #EEE;line-height: 100%;	text-shadow: 1px 1px 0 #000;} 
.ms7 h4 { font-size: 100%;	line-height: 100%;	margin-bottom: 5px;}

.ms8 {width: 172px;	height: 350px;	float: left; position: relative; overflow: hidden; display: inline;	margin: 3px 0 0 2px;}
.ms8 a {color: #EEE;line-height: 100%;	text-shadow: 1px 1px 0 #000;} 
.ms8 h4 { font-size: 100%;	line-height: 100%;	margin-bottom: 5px;}


.mosaic-backdrop {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0;
	background: #111;
}
.details { 
	margin: 0px 0; 
	text-align: center;
}	
.mosaic-overlay {
	width: 100%;
	height: 100%;
	display: none;
	z-index: 5;
	position: absolute;
	background: #111;
}
/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
	background: url(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(bg-black.png);
}
.bar .mosaic-overlay {
	bottom: -500px;
	height: 100%;
	background: url(bg-black.png);
}

.clearfix { 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
	/*美食特产结束*/