﻿#content #left .menu .head
{
	background-image: url(/Images/Case/leftMenuHeadBg.gif);
	width: 190px;
	background-repeat: no-repeat;
	height: 56px;
}

.clist
{
	width:710px;
}
.clist .item
{
	float:left;
	width:141px;
	padding:19px 16px 0px 16px;
}
.clist .item .pic
{
	position:relative;
	
}
.clist .item .pic .ypic
{
	position: absolute;
	z-index: 999;
	left: -10px;
	top: -10px;
	display:none;
}

.clist .item .pic img
{
	border: #d8d8d8 1px solid;
	padding: 2px;
}

.clist .item .title
{
	margin-top:8px;
	text-align:center;
	height:42px;
}

.lr
{
	margin:16px 16px 16px 16px;
}
.lr .title
{
	font-weight: bold;
	font-size: 16px;
	color: #383838;
	line-height:32px;
	text-align:center;
}
.lr .date
{
	font-size: 11px;
	color: #787878;
	font-family: Arial;
	line-height:32px;
	text-align:center;
}
.lr .dpic
{
	width:678px;
	background-color: #ecf2f8;
	text-align:center;
	padding:10px 0px 18px 0px;
	display:table-cell;
	
}
.lr .dpic img
{
	margin:0 auto;
	
}
.styleTip
{
	background-image: url(/Images/Products/proSearchBg.gif);
	background-repeat: repeat-x;
	height: 26px;
	border: #c0d0dd 1px solid;
}
.styleTip .left
{
	float:left;
	padding:8px 0px 0px 12px;
}
.styleTip .current{
	color:#FF0000;
}
.lr .content
{
	line-height:24px;
}

.picList
{
	width:678px;
	text-align:center;
}
.picList .left
{
	float:left;
}
.picList .center
{
	/*float: left;
	width: 651px;
	background-color: #c6d2de;
	height:104px;
	overflow:hidden;*/
	
}

#viewer 
{
	float: left;
	width: 631px;
	background-color: #c6d2de;
	height:104px;
	overflow:hidden;
	letter-spacing: 10px;
	text-align:center;
	margin-bottom:10px;
	}
#viewerFrame {  width: 630px;margin-left:3px;padding:0;letter-spacing: 10px;
	text-align:center;}
#viewer img { display:inline; border:0;}
#viewer a {display:block; float:left; }

#viewer .pic
{
	float:left;
	margin:10px 0px 0px 10px;
	background-color:#fff;
}
#viewer .pic img
{
	border: #aeafb0 1px solid;
	padding: 2px;
}
#viewer .sel
{
	float:left;
	margin:10px 0px 0px 10px;
	background-color:#74B1EE;
}
#viewer .sel img
{
	border: #74B1EE 1px solid;
	padding: 2px;
}
/*
.picList .center .pic
{
	float:left;
	margin:10px 0px 0px 15px;
	background-color:#fff;
}
.picList .center .pic img
{
	border: #aeafb0 1px solid;
	padding: 2px;
}
.picList .center .sel
{
	float:left;
	margin:10px 0px 0px 15px;
	background-color:#74B1EE;
}
.picList .center .sel img
{
	border: #74B1EE 1px solid;
	padding: 2px;
}
*/

.picList .right
{
	float:left;
}



.sortList
{
	height: 31px;
	background-color: #c7d5e2;
	
}
.sortList ul
{
	padding-top:8px;
	margin:0px 0px 0px 21px;
}
.sortList ul .sel
{
	float:left;
	padding: 5px 9px 0px 9px;
	height: 18px;
	display: block;
	background-color: #fff;
}
.sortList ul li
{
	float:left;
	padding:5px 9px 0px 9px;
	height:18px;
	display:block;
}



.undis {display:none;}
.dis {display:block;}

