﻿/* dede58.com 做最好的织梦模板 */
/*案例详情*/
.pro_show {
	width:100%;
	overflow:hidden;
	clear:both;
	margin-top:30px;
}
.pro_show .pro_show_top {
	width:390px;
	height:260px;
	clear:both;
	overflow:hidden;
}
.pro_show .pro_show_top a.pic {
	width:270px;
	height:280px;
	border:1px solid #ddd;
	float:left;
	padding:2px;
	background:url(../images/product_show_bg.png) no-repeat center center;
}
.pro_show .pro_show_top a.pic img {
	width:270px;
	height:280px;
}
.pro_show .pro_show_top a.pic:hover {
	border:1px solid #5E434E;
}
.products_show_left {
	width:390px;
	min-height:260px;
	font-size:14px;
	margin:0 auto;
}
.preview {
	width:390px;
	position:relative;
	z-index:888;
	margin-top:20px;
}
/*大图*/
.bigImg {
	position:relative;
	width:390px;
	height:260px;
	overflow:hidden;
}
.bigImg #midimg {
	width:390px;
	height:260px;
}
.bigImg #midimg img {
	width:390px;
	height:260px;
}
.bigImg #winSelector {
	width:140px;
	height:140px;
	position:absolute;
	cursor:crosshair;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;
	background-color:#000;
}
/*小图*/
.smallImg {
	width:390px;
	height:55px;
	position:relative;
	margin-top:14px;
	overflow:hidden;
}
.scrollbutton {
	width:10px;
	height:45px;
	overflow:hidden;
	position:absolute;
	top:0px;
	cursor:pointer;
	background:url(../images/zoom.gif) no-repeat;
}
.scrollbutton.smallImgUp {
	background-position:0 0;
	left:0;
}
.scrollbutton.smallImgDown {
	background-position:-10px 0;
	right:0;
}
.scrollbutton.smallImgUp.disabled {
	background-position:-20px 0;
}
.scrollbutton.smallImgDown.disabled {
	background-position:-30px 0;
}
#imageMenu {
	width:390px;
	height:52px;
	overflow:hidden;
	position:absolute;
	left:15px;
}
#imageMenu ul {
	width:1000%;
}
#imageMenu li {
	width:72px;
	height:46px;
	float:left;
	overflow:hidden;
}
#imageMenu li img {
	width:60px;
	height:44px;
	border:1px solid #b7b6b6;
	cursor:pointer;
}
#imageMenu li#onlickImg img, #imageMenu li img:hover {
	border-color:#f60;
}
/*放大*/
#bigView {
	width:300px !important;
	height:300px !important;
	position:absolute;
	border:1px solid #f1f1f1;
	top:0;
	left:403px;
	z-index:999;
	overflow:hidden;
	background:#fff !important;
}
#bigView img {
	position:absolute;
}
.pro_show .pro_show_top .text {
	width:282px;
	float:left;
	margin-left:20px;
}
.pro_show .pro_show_top .text h2.title {
	width:100%;
	height:20px;
	line-height:20px;
	color:#95452D;
	font-size:16px;
	font-weight:700;
	margin-top:10px;
}
.pro_show .pro_show_top .text .txt {
	width:100%;
	margin-top:10px;
}
.pro_show .pro_show_top .text .txt dl {
	width:100%;
	clear:both;
	line-height:25px;
	padding:5px 0;
}
.pro_show .pro_show_top .text .txt dt {
	width:65px;
	float:left;
}
.pro_show .pro_show_top .text .txt dd {
	width:217px;
	color:#888;
	float:left;
}
.pro_show .pro_content {
	width:100%;
	overflow:hidden;
	clear:both;
	margin-top:20px;
}
.pro_show .pro_content h2.title {
	width:100%;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	border-bottom:1px solid #95452D;
}
.pro_show .pro_content h2.title span {
	width:100px;
	text-align:center;
	display:inline-block;
	height:30px;
	line-height:30px;
	background:#95452D;
}
.pro_show .pro_content .pro_con {
	padding:20px 2px 0px 2px;
	line-height:190%;
}
