﻿@charset "utf-8";
/* 
* 商城主样式
* Author: Lin xiao dong
* http://www.openwbs.com
*/

/**价格**/
span.money { color:#ff6700; font-family:verdana; }
span.money em{ font-style:normal;}
span.money b{ font-weight:normal;}
span.point{ color:#ff6700; font-family:verdana; }
span.point em{ font-style:normal; padding:0px 3px;}
span.point b{ font-weight:normal;}

/**内容部分**/
#shopbody{}
#shopbody{ background:#f3f5f7; }
#shopbody .ow-breadcrumb{ padding:12px 0; text-align:right;}
#shopbody .ow-breadcrumb h1{ color:#666; float:left; font-weight:normal; font-size:16px; font-weight:normal; margin:0; padding:0; }

/**排序**/
.ow-goods-orderby { padding:14px 0px 0px 0px;}
.ow-goods-orderby .order{}
.ow-goods-orderby .order a{ background-color:#eee; border:2px solid #eee; color:#333; display:inline-block; font-size:14px; margin-right:1px; padding:0px 12px;}
.ow-goods-orderby .order a:hover{ border-bottom:2px solid #ff6700;}
.ow-goods-orderby .order a.current{ background:#ff6700; border-color:#ff6700; color:#fff;}

/**分类页商品商品区**/
.ow-shop-categoods-section{ margin:auto; width:1226px;}
.ow-shop-categoods-section .categoods-section{ padding:14px 0px 14px 0px;}
.ow-shop-categoods-section .categoods-section .pager{ height:50px; margin:20px 0px 0px 0px; padding:40px 0px 40px 0px; text-align:center;}

/*商品列表*/
ul.ow-goods-list{ list-style:none; margin:0; padding:0; }
ul.ow-goods-list:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
ul.ow-goods-list li{ box-sizing:border-box; background-color:#fff; display:inline-block; float:left; list-style:none; margin:0px 14px 14px 0; height:450px; width:296px; overflow:hidden; padding:20px 0 5px 0; text-align:center;}
ul.ow-goods-list li.li4,
ul.ow-goods-list li.li8,
ul.ow-goods-list li.li12,
ul.ow-goods-list li.li16,
ul.ow-goods-list li.li20,
ul.ow-goods-list li.li24,
ul.ow-goods-list li.li28,
ul.ow-goods-list li.li32,
ul.ow-goods-list li.li36,
ul.ow-goods-list li.li40{ margin-right:0px;}
ul.ow-goods-list li:hover{ border-color:#ddd; -webkit-box-shadow:rgba(0,0,0,0.1) 0px 1px 10px; -moz-box-shadow:rgba(0,0,0,0.1) 0px 1px 10px; box-shadow:rgba(0,0,0,0.1) 0px 1px 10px;}
ul.ow-goods-list li .thumb{ text-align:center; }
ul.ow-goods-list li .thumb img{ height:250px; width:250px;}
ul.ow-goods-list li:hover img{ transform:scale(1.06,1.06); transition-duration:500ms; transition-timing-function:ease-out; }
ul.ow-goods-list li .info{ padding:20px 20px 0px 20px;}
ul.ow-goods-list li .title{ font-weight:normal; font-size:16px; margin:0; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
ul.ow-goods-list li .title a:hover{ color:#e30000; text-decoration:none;}
ul.ow-goods-list li .subtitle { color:#aaa; font-size:14px; margin:0; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
ul.ow-goods-list li .price{ margin:0; padding:0; overflow:hidden; }
ul.ow-goods-list li .price span{ font-size:14px; font-style:normal;}
ul.ow-goods-list li .price span em{}
ul.ow-goods-list li .price span.money{ margin-left:5px;}

/*文章页相关商品列表*/
.ow-content-related-goods{ background:#fff; border:1px solid #eee; padding:10px 15px;}
.ow-content-related-goods ul{ font-size:12px; list-style:none; margin:0; padding:0; zoom:1; overflow:auto;}
.ow-content-related-goods ul li{ border-bottom:1px solid #eee; display:block; list-style:none; margin:0; padding:15px 0px; zoom:1; overflow:auto;}
.ow-content-related-goods ul li:last-child{ border-bottom:0px;}
.ow-content-related-goods ul li .thumb{ float:left; margin-right:15px; text-align:center;}
.ow-content-related-goods ul li .thumb img{ height:120px; width:120px; vertical-align:top; }
.ow-content-related-goods ul li .info{ zoom:1; overflow:auto;}
.ow-content-related-goods ul li .title{ color:#222; font-size:16px; font-weight:normal; margin:0; padding:0; }
.ow-content-related-goods ul li .subtitle{ color:#888; max-height:36px; line-height:18px; overflow:hidden; margin:0; padding:5px 0px 0px 0px; text-overflow:ellipsis;}
.ow-content-related-goods ul li .price{ margin:0; padding:3px 0px 0px 0px;}
.ow-content-related-goods ul li .price span.money{ font-size:14px;}
.ow-content-related-goods ul li .price span.point{ font-size:14px; padding-right:3px;}
.ow-content-related-goods ul li .price span.point em{ font-size:14px;}
.ow-content-related-goods ul li .buy{ padding:7px 0px 0px 0px;}
.ow-content-related-goods ul li .buy a,
.ow-content-related-goods ul li .buy a:visited{ background:#fff; border:1px solid #ff6700; color:#ff6700; display:inline-block; font-size:12px; height:22px; line-height:22px; padding:0px 10px;}
.ow-content-related-goods ul li .buy a:hover{ background:#d30000; color:#fff;}

/*标签云*/
.ow-goods-tags{}
.ow-goods-tags .section{ margin:0px auto; padding:15px; width:1226px;}
.ow-goods-tags a{ margin-right:5px;}
.ow-goods-tags a,
.ow-goods-tags a:visited{}

/*按钮无效状态*/
button.disabled,
button.disabled:hover{ background-color:#e6e6e6; background-image:none; border:1px solid #ddd; color:#bbb; cursor:default; text-shadow:rgba(255,255,255,0.5) 0px 1px 0px;}

/*规格*/
.ow-goods-spec{ background-color:#fff; font-size:14px; margin:0; padding:0px 10px 15px 20px; overflow:hidden;}
.ow-goods-spec:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-goods-spec .hd{}
.ow-goods-spec .hd:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-goods-spec .goods-view{ padding:10px 15px 10px 0px;}
.ow-goods-spec .thumb{ float:left; margin-right:15px;}
.ow-goods-spec .thumb img{ border:1px solid #eee; height:80px; width:80px;}
.ow-goods-spec .info .price span.money{ font-size:18px;}
.ow-goods-spec .info .stock{ color:#666;}
.ow-goods-spec .info .stock b{ font-weight:normal; margin-left:5px;}
.ow-goods-spec .bd{ padding-top:10px; overflow:hidden; }
.ow-goods-spec .bd dl{}
.ow-goods-spec .bd dl:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-goods-spec .bd dl dt{ font-weight:bold; padding:5px 0;}
.ow-goods-spec ul{ margin:0; padding:0; }
.ow-goods-spec ul li{ float:left; list-style:none; margin:0 10px 10px 0; padding:0;}
.ow-goods-spec ul li a{ background-color:#eee; border:1px solid #c6c6c6; border-radius:18px; display:inline-block; font-size:14px; height:36px; line-height:36px; padding:0 15px;}
.ow-goods-spec ul li a:hover { border:1px solid #d30000; text-decoration:none;}
.ow-goods-spec ul li.current a { background:#ffe4e4; border:1px solid #d30000; color:#d30000;}
.ow-goods-spec ul li.disabled a{ background:#f6f6f6; border:1px dashed #e6e6e6; color:#bbb; cursor:not-allowed;}
.ow-goods-spec ul li a.value-img{ height:36px; overflow:hidden; padding:02px 10px 02px 05px; vertical-align:top;}
.ow-goods-spec ul li a.value-img img{ height:36px; width:36px; vertical-align:top;}
.ow-goods-spec ul li a.value-img span{ display:inline-block; font-size:14px; height:36px; line-height:36px; padding:0 0 0 05px;}
.ow-goods-spec ul li a.value-img:hover{ }
.ow-goods-spec ul li.disabled a.value-img{ background-color:#f6f6f6; border:1px solid #ccc; color:#666; cursor:not-allowed; filter:alpha(opacity=30); -khtml-opacity:0.30; -moz-opacity:0.30; opacity:0.30;}
.ow-goods-spec ul li.disabled a.value-img:hover{}









