@charset "utf-8";
/* CSS Document */

/* ************************************
* 文件名称：ITservice.css
* 编 写 者：Judy Wang
* 编写日期：2011-07-18
* 文件版本：V1.0
* 内容概要：IT服务分类、IT耗材、特色纪念品页面制作样式库文件
************************************ */

/********** leftBar **********/
.content .leftBar .onsale{
	width:248px;
	height:450px;
	background:#F5F5F5;
}
.onsaleBox{
	width:245px;
	text-align:center;
	margin:0 auto;	
}
.content .leftBar .latest{
	width:248px;
	height:264px;
	*height:280px;
}
.content .leftBar .logoShow{
	width:248px;
	height:455px;/*ie6,ie7*/
}
.content .leftBar .numtips{
	width:248px;
	height:443px;
}
.content .leftBar .numtips ul{
	width:248px;
	height:410px;
	overflow:hidden;
	margin:0 auto;
	background:#EFEFEF;
}
.content .leftBar .numtips ul li{
	width:230px;
	height:auto;
	line-height:23px;
	padding:5px 0 0 9px;
}

.content .latest .latestList,.content .latest .logoList{
	width:248px;
	height:231px;
	margin:0 auto;
}
.content .latest .latestList  li{
	height:70px;
	margin-top:6px;
	border-bottom:1px solid #CCC;
	text-align:justify;
}
.content .latest .latestList  li img{
	width:65px;
	height:65px;
	margin:0 6px;
	float:left;
	display:inline;
}
.content .latest .latestList  li span{
	width:160px;
	height:65px;
	float:right;
	line-height:21px;
	overflow:hidden;
	white-space:pre-wrap;
	padding-right:5px;
}
.content .leftBar .rankTab{
	width:248px;
}
.content .leftBar .rankTab .rankList li{
	width:248px;
	line-height:23px;
	border-bottom:1px solid #CCC;
	text-align:left;
	height: 80px;
	margin-top: 10px;
}
.content .leftBar .noBorderB{
	border-bottom:none;
}

/********** leftBar end **********/

/********** banner **********/
.bannerBox2{
	width:765px;
	height:200px;
	margin-bottom:5px;
}
/********** banner end **********/

/********** search **********/
.rightBody .searchBox{
	width:763px;
	border:1px solid #CCC;
	text-align:justify;
	
}
.rightBody .searchBox h2{
	text-indent:1em;
	background:#F9F9F9;
	height:35px;
	line-height:35px;
}
.rightBody .searchBox .searchCon{
	width:98%;
	margin:4px 6px;
}
.rightBody .searchBox .searchCon li{
	width:100%;
	line-height:30px;
	border-bottom: 1px solid #E5E5E5;
    margin-bottom: -1px;
	clear:both;
}
.rightBody .searchBox .searchCon li.noborder{
	border-bottom:none;
	*border-bottom: 1px solid #E5E5E5;
}
.rightBody .searchBox .searchCon li .kindsTit{
	width:12%;
	text-align:center;
	margin-top:1px;
	display:block;
	float:left;
}
.rightBody .searchBox .searchCon li .kinds{
	width:87%;
	display:block;
	float:right;
}
.rightBody .searchBox .searchCon li .kindShow{
	width:650px;
	height:auto;
	float:right;
	background:#EFEFEF;
	display:none;
}
.rightBody .searchBox .searchCon li .kindShow li{
	border-bottom:none;
	height:auto;
	line-height:30px;
	border:1px solid #CCC;
}
.rightBody .searchBox .searchCon li input,.rightBody .searchBox .searchCon li a{
	padding:0 9px;
	cursor:pointer;
	color:#C00;
}
.rightBody .searchBox .searchCon li input{
	background:none;
	border:none;
	margin-top:0;
	color:#333;
}
.rightBody .searchBox .searchCon li .fontBold{
	font-weight:bold;
}
.rightBody .searchBox .choose{
	text-indent:1.5em;
	height:35px;
	line-height:35px;
	clear:both;
	color:#FFF;
	_padding:8px;
	_height:20px;
	background:url(../images/bg_choose.gif) top left no-repeat #EFEFEF;
	margin:0 auto;
	width:98%;
	margin-bottom:8px;
}
.rightBody .searchBox .choose span{
	margin-left:30px;
	color:#333;
}
.rightBody .searchBox .choose span .img0{
	margin:0 15px 0 5px;
	vertical-align:middle; 
	width:16px;
	height:16px;
}
 
/********** search end **********/
/********** servicePic **********/
.rightBody .rankCon{
	width:100%;
	height:30px;
	line-height:30px;
	background:#F5F5F5;
	margin:3px 0;
	text-indent:8px;
    text-align:justify;
}
.rightBody .rankCon input,.rightBody .rankCon select{
	vertical-align:middle;
}
.content .hsListBox{
	width:253px;
	height:370px;
	margin-right:1px;
	float:left;
	display:inline;
	border-bottom:1px dashed #CCC;
	border-right:1px dashed #CCC;
}
.content .hsTiming{
	width:245px;
	height:42px;
	line-height:42px;
	text-align:center;
}
.content .hsImg{
	width:245px;
	height:220px;
	text-align:center;
}
.content .hsImg img{
	width:200px;
	height:200px;
	margin-top:5px;
}
.content .hs{
	width:240px;
	margin:0 auto;
}
.content .hsName{
	height:40px;
	line-height:20px;
	text-align:center;
	overflow:hidden;
}
.content .hsPrice{
	height:35px;
	line-height:35px;
	text-align:left;
}
.content .hsComment{
	height:30px;
	line-height:30px;
	clear:both;
	margin-bottom:5px;
	text-align:center;
}
.content .hsComment span{
	vertical-align:middle;
}
.content .hsList .borderNone{
	border-right:none;
}
/********** servicePic end **********/

/********** goodInfo **********/
.content .rightBody .goodInfo{
	width:100%;
	height:236px;
	
}
.content .rightBody .goodInfo2{
	height:320px;
	width:100%;
}
.content .rightBody .goodInfo2 .picBox{
	width:254px;
	height:300px;
}
.content .rightBody .goodInfo .leftPic{
	width:235px;
	height:235px;
	border:1px solid #CCC;
	display:inline;
}
.content .rightBody .goodInfo2 .bigPicBox{
	margin-left:8px;
	float:left;
	width:235px;
	height:235px;
	border:1px solid #CCC;
	display:inline;
}
.content .rightBody .goodInfo2 .bigPicBox img{
	width:235px;
	height:235px;
	display:inline;
	float:right;
}
.content .rightBody .goodInfo2 .showPicBox{
	width:237px;
	height:50px;
	float:left;
	margin-left:8px;
	margin-top:5px;
	display:inline;
}
.content .rightBody .goodInfo2 .showPicBox .littlePicBox{
	width:45px;
	height:45px;
	border:1px solid #CCC;
	float:left;
	margin:0 4px 0 3px;
	display:inline;
	
}
.content .rightBody .goodInfo2 .showPicBox .littlePicBox img{
	width:45px;
	height:45px;
}
.content .rightBody .goodInfo .rightInfo{
	width:510px;
	height:235px;
	text-align:justify;
}
.content .rightBody .rightInfo .Timing{
    width:245px;
	text-align:center;
	background:#EFEFEF;
	padding:3px 0;
	*padding:0; /* ie6,ie7 */
	margin-left:60px;
}
.content .rightBody .goodInfo .rightInfo .Timing font,.content .rightBody .goodInfo2 .rightInfo .Timing font{
	padding:3px 0;
	*padding:0px; /* ie6,ie7 */
	
}
.content .rightBody .goodInfo2 .rightInfo{
	width:510px;
	height:300px;
}
.content .rightBody .fontBox{
    padding:2px 6px; 
    height:16px;
    border:1px solid #CCC; 
	background-color:#FFF;
	
}
.content .rightBody .fontBoxCur{
    padding:2px 6px; 
    height:16px;
	border:2px solid #C00; 
	background-color:#FFF;
	
}
.content .rightBody .fontBox2{
    padding:2px 5px; 
	border:2px solid #C00; 
	background-color:#FFF;
}
.content .rightBody .marginL{
	margin-left:100px;
}
.content .rightBody .marginL input{
	height:18px;
	line-height:18px;
	width:35px;
}
.content .rightBody .marginL .siz16{
	width:16px;
	height:16px;
	vertical-align:middle;
	cursor:pointer;
}
.content .rightBody .goodTab{
    width:99%;
    margin-left:7px;
}
.content .rightBody .goodDescCon{
	border-top:none;
	background:#F9F9F9;
	text-align:justify;
	clear:both;
}
.content .rightBody .goodDescConF{
	border-top:none;
	background:#FFF;
}
.content .rightBody .tabPrice{
	width:99%;
	margin:0 auto;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
.content .rightBody table.tabPrice th,.content .rightBody  table.tabPrice td{
	text-align:left;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	line-height:20px;
	height:20px;
}
.content .rightBody table th{
	background:#F5F5F5;
    color:#C00;
}
.content .rightBody .goodDescConF .commentBox{
	margin:7px 0;
	margin-bottom:0;
	height:90px;
	background:#F5F5F5;
	clear:both;
}
.content .rightBody .goodDescConF .commentBox .commentStar{
	border-right:1px solid #CCC;
	height:50px;
	width:35%;
	margin-top:13px;
	text-align:center;
	padding-top:8px;
	display:inline;
}
.content .rightBody .goodDescConF .commentBox .commentBtn{
	height:60px;
	width:64%;
	text-align:center;
	margin-top:13px;
	display:inline;
}
.content .rightBody .goodDescConF table.tabComment{
	width:100%;
	height:210px;
	margin-top:7px;
}
.content .rightBody .goodDescConF table.tabComment th{
	padding-left:10px;
	text-align:left;
	height:40px;
	line-height:40px;
}
.content .rightBody .goodDescConF table.tabComment td{
	height:40px;
	line-height:40px;
}
.content .rightBody .goodDescConF table.tabComment td img{
	padding-bottom:5px;
}
.content .rightBody .goodDescConF .red{
	padding-left:10px;
}
.content .rightBody .goodDescConF .commentForm{
	width:auto;
	height:85px;
	border:1px solid #CCC;
	overflow:hidden;
}
.content .rightBody .goodDescConF ul{
	width:100%;
	padding-top:5px;
}
.content .rightBody .goodDescConF .commentList .commentTop{
	width:100%;
	height:32px;
	line-height:32px;
	margin-bottom:3px;
	text-align:left;
	background:#F5F5F5;
}
.content .rightBody .goodDescConF .commentList .commentCon{
	width:100%;
	height:75px;
	text-align:left;
}
.content .rightBody .goodDescConF .commentList .nameInfo{
	width:20%;
	margin:10px 0;
	padding-left:18px;
	border-right:1px solid #CCC;
	display:inline;
}
.content .rightBody .goodDescConF .commentList .nameInfo li{
	height:23px;
	line-height:23px;
}
.content .rightBody .goodDescConF .commentList .conmmentInfo{
	width:570px;
	line-height:25px;
	float:right;
	height:50px;
	overflow:hidden;
	margin:10px 0;
	display:inline;
}

/********** goodInfo end **********/

/********** paging **********/
.paging{
	height:50px;
	line-height:50px;
	clear:both;
	width:100%;
}
.paging a {
	border:#F0F0F0 2px solid;
	padding:1px 5px;
	margin:0 2px;
}
.paging a:hover,.paging label:active{
	border:#C00 2px solid;
}
.paging span.current {
	border:#C00 2px solid;
	padding:1px 5px;
	margin:0 2px;
	color:#FFF;
	background-color:#C00;
}
/********** paging end **********/