@charset "utf-8";
.spacer {
	clear: both;
	float: none;
}
img.mainfix {
	height: 120px;
	width: 160px;
	margin: 0px;
}
img.mainfix_r {
	height: 100px;
	width: 100px;
}
img.productfix {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: 98px;
	width: 130px;
}
img.sidefix {
	height: 70px;
	width: 93px;
}

/* style 1 */
/*
out.width = img.width
			+ mid.border * 2
			+ inn.border * 2
*/

.pics1 {
	width:142px;
	background:#FFFFFF;
}
.pics1 img {
	width:136px;
}
.pics1 .out {
	border-top: 1px solid #999999;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-left: 1px solid #999999;
}
.pics1 .mid {
	overflow:visible;
	border: 2px solid #FFFFFF;
}
.pics1 .inn {
	border:1px solid #333333;
	overflow:visible;
	text-align: center;
}
.pics1 .txt {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}


/* style 2 */
/* 使用背景来做相框 */
.pics2 {
}
.pics2 img {
	height: 150px;
	width: 200px;
}
.pics2 .out {
	background-image: url(images/imgbg200150.gif);
	background-repeat: no-repeat;
	height: 162px;
	width: 212px;
	margin-left: 10px;
}
.pics2 .mid {
}
.pics2 .inn {
	margin: 0px;
	padding-top: 5px;
	padding-left: 5px;
	overflow: hidden;
	height: 150px;
	width: 200px;
	text-align: center;
}
.pics2 .txt {
	text-align: center;
}

/* style 3 */
/* 使用背景来做相框 */
.pics3 {
}
.pics3 img {
	height: 120px;
	width: 102px;
}
.pics3 .out {
	background-image:  url(images/imgbg110128.gif);
	background-repeat: no-repeat;
	height: 128px;
	width: 110px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}
.pics3 .mid {
}
.pics3 .inn {
	padding-top: 4px;
	padding-left: 4px;
	height: 120px;
	width: 102px;
	overflow: hidden;
	filter: Alpha(Opacity=10, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=100);
}
.pics3 .txt {
	text-align: center;
}


/* style 4 */
/*
  out.width = pic.width
			+ out.filter.offx
			+ mid.border * 2
			+ inn.border * 2
  out.height = pic.width
			+ out.filter.offy
			+ mid.border * 2
			+ inn.border * 2
*/
.pics4 {
}
.pics4 img {
}
.pics4 .out {
	overflow: visible;
	FILTER: Dropshadow(color=#CCCCCC,offX=4,offY=4);
}
.pics4 .mid {
	border: 1px solid #666666;
	overflow: visible;
	background: #FFFFFF;
	float: left;
}
.pics4 .inn {
	border: 1px solid #FFFFFF;
	overflow: visible;
	background: #FFFFFF;
}
.pics4 .txt {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}
/*
.pics4 .out {
	overflow: visible;
	FILTER: Dropshadow(color=#CCCCCC,offX=4,offY=4);
	width: 164px;
	height: 128px;
	float: right;
	margin-left: 10px;
	padding-right: 4px;
}
.pics4 .out {
	overflow: visible;
	FILTER: Dropshadow(color=#CCCCCC,offX=4,offY=4);
	width: 140px;
	height: 107px;
}
*/

/* style 5 */
/*
  out.width = pic.width
			+ out.filter.offx
			+ mid.border * 2
			+ mid.padding * 2
			+ inn.border * 2
  out.height = pic.width
                      + out.filter.offy
                      + mid.border * 2
                      + mid.padding * 2
					  + inn.border * 2
*/
.pics5 {
}
.pics5 img {
	width: 110px;
	height: 90px;
}
.pics5 .out {
	width: 128px;
	height: 108px;
	overflow: visible;
	FILTER: Dropshadow(color=#CCCCCC,offX=4,offY=4);
}
.pics5 .mid {
	border: 1px solid #666666;
	float: left;
	overflow: visible;
	background: #FFFFFF;
	padding: 6px;
}
.pics5 .inn {
	border: 0px solid #FFFFFF;
	overflow: visible;
	background:#FFFFFF;
}
.pics5 .txt {
}

/* style 6 */
/*
out.width = img.width
			+ mid.border * 2
			+ inn.border * 2
*/

.pics6 {
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}
.pics6 img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.pics6 .out {
	background:#FFFFFF;
	border: 1px solid #CCCCCC;
}
.pics6 .mid {
	overflow:visible;
	padding: 5px;
}
.pics6 .inn {
	border:1px solid #FFFFFF;
	overflow:hidden;
	text-align: center;
	background-color: #000000;
}
.pics6 .txt {
	text-align: center;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 5px;
}
.pics6 a {
}
.pics6 a:hover {
}
/*
.pics6 .out {
	background:#FFFFFF;
	border: 1px solid #CCCCCC;
	float: left;
}
.pics6 .out {
	background:#FFFFFF;
	border: 1px solid #CCCCCC;
	margin-left: 8px;
	margin-bottom: 8px;
	float: right;
}
*/


/* style 7 */
/*
*/

.pics7 {
	border: 1px solid #CCCCCC;
}
.pics7 img {
}
.pics7 .out {
	background:#FFFFFF;
	border: 1px solid #CCCCCC;
	margin-left: 4px;
	float: left;
	margin-bottom: 5px;
	margin-top: 10px;
}
.pics7 .mid {
	overflow:visible;
	border: 4px solid #FFFFFF;
}
.pics7 .inn {
	border:1px solid #FFFFFF;
	overflow:visible;
	text-align: center;
}
.pics7 .txt {
	text-align: center;
	clear: both;
	float: none;
	margin-top: 10px;
	font-weight: bold;
}

/* style 8 */
/*
out.width = img.width
			+ mid.border * 2
			+ inn.border * 2
*/

.pics8 {
	float: left;
}
.pics8 img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.pics8 .out {
	background:#FFFFFF;
	border: 1px solid #CCCCCC;
}
.pics8 .mid {
	overflow:visible;
	padding: 2px;
}
.pics8 .inn {
	border:1px solid #FFFFFF;
	overflow:hidden;
	text-align: center;
	background-color: #000000;
}
.pics8 .txt {
	text-align: center;
	font-weight: bold;
}
.pics8 a {
}
.pics8 a:hover {
}
/*
.pics8 .out {
	background:#FFFFFF;
	border: 1px solid #CCCCCC;
	float: left;
}
.pics8 .out {
	background:#FFFFFF;
	border: 1px solid #CCCCCC;
	margin-left: 8px;
	margin-bottom: 8px;
	float: right;
}
*/