﻿/*! 梧桐子前台模块样式 PZJ 2012年3月7日 14:52:16 */

/* abox 公用模块样式 */
.abox { border: 1px solid #E1E1E1; margin-bottom:8px;}
.abox .hd {border-bottom: 1px dotted #E1E1E1; height: 29px; line-height: 29px;}
.abox .hd h3{padding-left: 10px;}
.abox .bd{ padding:3px;}
.abox .bd p{ line-height:150%;}
.abox .bd li.last{ border-bottom:none;}


.module{margin-bottom:8px;}
.module .hd {}
.module .hd h3{ float:left;padding: 0 14px;}
.module .hd h4{ font-weight:normal; font-size:12px;line-height: 28px; float:left;}
.module .hd h4 a{ color:#960;}
.module .hd span.fr{line-height: 28px;}
.module .bd{}
.module .bd p{}
.module .bd li.last{}


ul,.hd,.abox.proalist ul li{zoom:1;}
ul:after,.hd:after, .abox.proalist ul li:after{content:'\20';display:block;clear:both;}

/*************产品类*************/
/* 公共 */

/* proalist 产品图文列表 */
.proalist{}
.proalist p{}
.proalist li{ border-bottom:1px dotted #DDD; padding:3px;}
.proalist .pImage,.proalist .pimage{ float:left; width:60px; height:60px; margin:4px 4px 4px 0;}
.proalist .pImage img,.proalist .pimage img{ float:left; width:60px; height:60px;}
.proalist .pname{ height:38px; overflow:hidden; text-align:left;}
.proalist .pprice span{display: inline-block;margin-right: 5px;}

/* pitpv 产品图文列表 */
/* （p产品）（ i图片 t标题 d描述 p价格 t时间）（h横排 v竖排） */
.pitpv{border: 1px solid #E1E1E1;margin-bottom: 8px;}
.pitpv .hd{border-bottom: 1px solid #960;height: 29px;line-height: 29px;}
.pitpv .hd h3 {padding-left: 10px;}
.pitpv p{}
.pitpv li{ border-bottom:1px dotted #DDD; padding:3px;min-height: 65px; _height:65px;}
.pitpv li.last{ border-bottom:none;}
.pitpv .pImage,.pitpv .pimage{ float:left; width:60px; height:60px;margin-top:2px; margin-right:4px;}
.pitpv .pImage img,.pitpv .pimage img{ float:left; width:60px; height:60px;}
.pitpv .pname{ height:38px; overflow:hidden; text-align:left;}
.pitpv p {line-height: 150%;}
.pitpv .pprice span{display: inline-block;margin-right:3px;}
.pprice span.tdl{ color:#999;}


/* ptpv 产品文本 价格显示 */
.ptpv{border: 1px solid #E1E1E1;margin-bottom: 8px;}
.ptpv .hd{border-bottom: 1px solid #960;height: 29px;line-height: 29px;}
.ptpv .hd h3 {padding-left: 10px;}
.ptpv li{ border-bottom:1px dotted #DDD;padding: 0 3px;}
.ptpv li.last{ border-bottom:none;}

/* pitphm 通栏的产品大图文列表横排（带模块图） */

.pitphm{ margin-bottom:8px;}
.pitphm .bd{border:1px solid #ebd09a; overflow:hidden; }


.pitphm .mcode{overflow: hidden;border-right:1px solid #E1E1E1;}
.pitphm .mcode img{}

.pitphm ul{ margin-bottom: -1px;}
.pitphm .bd li{ width:171px;text-align:center; border-bottom:1px solid #e9e9e9;padding: 10px 1px; float:left;}
.pitphm p{ padding:0 3px;}
.pitphm .pimage{ }
.pitphm .pImage img,.pitphm .pimage img{ width:160px; height:160px;}
.pitphm .pname{height: 50px;overflow: hidden;}
.pitphm .pprice{}
.pitphm ul li.hover {background: #f8f0e1;}

.pitphm .mcodeup{}
.pitphm .uldown li{ width:189px; }

.pitphm .mcodedown{}
.pitphm .ulup li{ width:189px; }

.pitphm .mcodeleft{ float:left;width: 265px;}
.pitphm ul.ulright{ float:right;width: 692px;}

.pitphm .mcoderight{ float:right;width: 265px;}
.pitphm ul.ulleft{ float:left;width: 692px;}

.pitphm .mcodeleft img,.pitphm .mcoderight img{width: 265px;}



/* proalist 产品大图文列表 */

.problist{}
.problist .bd{ text-align:center;}
.problist .bd li{ border-bottom:1px dotted #DDD; padding:3px;}
.problist p{}
.problist .pimage{ }
.problist .pImage img,.problist .pimage img{ width:160px; height:160px;}
.problist .pname{height: 50px;overflow: hidden;}
.problist .pprice{}


/* prolist 通栏产品大图文列表210*210 */
.wrap .img210 .bd ul{ width:960px;}
.wrap .img210 .bd li{ width:220px;}
.wrap .img210 .pImage img,.wrap .img210 .pimage img{ width: 210px; height:210px;}




/*************文章类*************/
/* （a文章）（ i图片 t标题 d描述 t时间）（h横排 v竖排） */
/* 公共 */
.hd h3,.hd h3 a{ color:#960;}

/* 文章标题列表 */
.atv{margin-bottom: 8px;border: 1px solid #E1E1E1;}
.atv .hd{height: 29px;line-height: 29px;border-bottom: 1px #960 solid;}
.atv .hd h3{padding-left: 12px;font-size: 14px;font-weight: bold;color: #960;}
.atv .bd{}
.atv .bd ul{padding: 5px;}
.atv .bd ul li{border-bottom: 1px dashed #DDD;background: url(../images/sprite.png) no-repeat 0px -94px;padding-left: 10px;height: 27px;line-height: 27px;overflow: hidden;}
.atv .bd ul li p.pname{height: 27px;line-height: 27px; overflow:hidden;}
.atv .bd ul li.last{ border-bottom:none;}
/* 文章标题描述列表 */
.atdv{}




.prolist li{ width:167px; float:left;padding:10px;text-align:center;border-bottom: 1px solid #E9E9E9;}
.prolist{ margin-bottom:8px;}
.prolist li p.pname{ height:50px; overflow:hidden;}
.prolist li p.pImage img,.prolist li p.pimage img{ width:160px; height:160px;background: white;}
.prolist ul li.hover{ background:#f8f0e1;}
.prolist ul{ margin-bottom: -1px;}



.pitphm .hd,.prolist .hd{border: 1px solid #ebd09a; border-bottom:none; background:url(../images/bg_tit.png) 0 0 repeat-x;}
.pitphm .hd h3,.prolist .hd h3{color: #960;font-size: 16px;padding-left: 14px;height: 29px;line-height: 29px;}
.pitphm .hd h3 a,.prolist .hd h3 a{color: #960;}
.prolist .bd{ border:1px solid #ebd09a;overflow: hidden;}
.prolist .bd ul{ margin-bottom: -1px; overflow:hidden;}




.customdata{margin-bottom: 8px;border: 1px solid #E1E1E1;}
.customdata .hd{height: 29px;line-height: 29px;border-bottom: 1px #960 solid;}
.customdata .hd h3{padding-left: 12px;font-size: 14px;font-weight: bold;color: #960;}
.customdata .bd{}


/* 引用框模块 */
.mquote{ border:1px solid #e7d39f; background: url(../images/bg_texture.png) repeat;}
.mquote .bd{ padding:5px;text-indent: 4em;background: url(../images/bg_quote.png) 15px 0 no-repeat;color: #960;}

/* 广告模块 */
.madvert{}

/* 幻灯片轮换模块 */
.mslides{border: 1px solid #DDD;overflow: hidden;}

/* 公用幻灯片 */
#slides{ position:relative; z-index:100;overflow:hidden;}
.slides_container {overflow: hidden;position: relative;}
.caption {z-index: 500;position: absolute; z-index:120px;bottom: 0;left: 0;background: #960;color: white;text-shadow: none;opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7;filter:alpha(Opacity=70);}
.caption p{padding: 0 20px;line-height: 35px;height: 35px;}
.pagination {position: absolute;bottom:5px;right: 5px;z-index: 150;}
.pagination li {float: left;margin: 0 3px;}
.pagination li a:link,.pagination li a:visited{background: black;padding: 0 3px; color:#FFF;}
.pagination li.current a:link,.pagination li.current a:visited { background:#F00;}

/* 普通模块 只定义了标题样式 */
.mcommon{border: 1px solid #DDD;}
.mcommon .hd {border-bottom: 2px solid #960;height: 29px;line-height: 29px;}
.mcommon .bd{ padding:3px;}

/* 文章列表模块 单行显示 */
.marticle_tit{border: 1px solid #DDD;}
.marticle_tit .hd {border-bottom: 2px solid #960;height: 29px;line-height: 29px;}
.marticle_tit .bd{}
.marticle_tit ul{padding: 5px 10px;}
.marticle_tit .bd ul li {border-bottom: 1px dashed #DDD;background: url(../images/sprite.png) no-repeat 0px -94px;padding-left: 10px;height: 27px;line-height: 27px;overflow: hidden;}

/* 通栏产品列表 */
.mpro960{border: 1px solid #DDD;}
.mpro960 .hd{border-bottom: 2px solid #960;height: 29px;line-height: 29px;}
.mpro960 .bd{}
.mpro960 .bd ul{}
.mpro960 .bd li{ width: 191px; float:left;padding: 10px 0;text-align: center}
.mpro960 .bd li .pname{ height:46px; overflow:hidden;padding: 0 8px;}
.mpro960 .bd li .pimage img{ width:160px; height:160px;border:1px solid #FFF;}
.mpro960 .bd li:hover .pimage img{ border:1px solid #e1e1e1; }


    /* 通栏产品列表 自定义代码在左侧 */
	.mpro960 .bd .mcodeleft{width: 258px;float: left;}
	.mpro960 .bd ul.ulright{ width:700px;float: right;}
	.mpro960 .bd ul.ulright li{width: 175px;}



    /* 通栏产品列表 自定义代码在右侧 */
	.mpro960 .bd .mcoderight{width: 258px;float: right;}
	.mpro960 .bd ul.ulleft{ width:700px; float:left;}
	.mpro960 .bd ul.ulleft li{width: 175px;}









/* 产品列表模块 每行4个产品 */
.mpro700{border: 1px solid #DDD;}
.mpro700 .hd{border-bottom: 2px solid #960;height: 29px;line-height: 29px;}
.mpro700 .bd{}
.mpro700 .bd ul{}
.mpro700 .bd li{ width: 174px;float:left;padding: 10px 0;text-align: center}
.mpro700 .bd li .pname{ height:46px; overflow:hidden;padding: 0 8px;}
.mpro700 .bd li .pimage img{ width:160px; height:160px; border:1px solid #FFF;}
.mpro700 .bd li:hover .pimage img{border:1px solid #e1e1e1;}
















/* 模块补丁 */
.prolist .bd li{ width:171px; }



/*文章内容广告位*/
.artiad{float: left;display: inline;margin: 10px;}
.artiad .bd p{text-indent: 0em;}







