﻿@charset "utf-8";

.wrapper{ position:relative; margin:0 auto; width:100%; height:288px; overflow:hidden; }
.wrapper.igoods{ height:327px; }
.wrapper.auto{ height:auto; }
.wrapper:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

/*内容样式
----------------------------------------------*/
/*幻灯片样式*/
.focusbox{ position:absolute; top:0; right:0; bottom:0; left:0; border:2px solid #f7f7f7; overflow:hidden; _position:relative; width:100%; height:300px;}
.focusbox .slides{ position:relative; display:block; width:100%; height:100%; zoom:1; overflow:hidden; }
.focusbox .slides:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.focusbox .slides li{ width:100%; height:100%; overflow:hidden; }
.focusbox .slides li img{ min-width:100%; min-height:100%; _width:100%; _height:100%;}
.focusbox .slides li .note-bg{ position:absolute; left:0; right:0; bottom:0; width:100%; height:125px; background:url(../images/pic-bg.png) 0 bottom repeat-x; _height:50px; _background:url(none) 0 0 repeat #000; }
.focusbox .slides li .note-txt{ position:absolute; left:0; right:0; bottom:0; display:block; padding:10px; height:50px; line-height:24px; color:#fff; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.focusbox .flex-control-nav{ position:absolute; right:5px; bottom:18px; display:block; z-index:4; }
.focusbox .flex-control-nav li{ margin:0 5px 0 0; display:inline-block; zoom:1; *display:inline; }
.focusbox .flex-control-nav li a{ display:block; width:8px; height:8px; text-indent:-9999px; border:1px solid #999; border-radius:8px; cursor:pointer; overflow:hidden; }
.focusbox .flex-control-paging li a:hover { background:#333; }
.focusbox .flex-control-paging li a.flex-active { background:#f90; border-color:#f90; cursor:default; }

/*大标题*/
.ntitle{ margin:0 auto; padding:10px 0px 10px 0px; width:100%; height:30px; }
.ntitle:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.ntitle h2{ display:inline-block; float:left; padding-right:10px; width:auto; color:#333; font-size:24px; font-weight:400; line-height:24px; }
.ntitle h2 a{ position:relative; padding-right:25px; color:#888; }
.ntitle h2 a:hover{ color:#f06000; text-decoration:none; }
.ntitle h2 a em{ display:block; position:absolute; right:-4px; top:8px; width:9px; height:17px; background:url(../images/slider.png) -359px -87px no-repeat; }
.ntitle p{ display:inline-block; float:left; padding-top:20px; line-height:24px; color:#888; font-size:14px; }
.ntitle p a{ margin-left:10px; padding:0 0 0 15px; color:#888; font-size:14px; background:url(../images/line.png) left center no-repeat; }
.ntitle p a:hover{ color:#f06000; }
.ntitle p a.no-bg{ background:none; }
.ntitle i{ display:block; padding-top:10px; color:#999; font-size:14px; font-style:normal; line-height:1em; }
.ntitle span{ display:inline-block; float:right; line-height:18px; color:#999; font-size:12px; }
.ntitle span a{ color:#999; }
.ntitle span a:hover{ color:#0089CD; }

/*图片列表*/
.img-list{ margin:0px 0px 0px 0px; *display:inline-block; width:100%; }
/*.img-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }*/
.img-list li{ position:relative; _display:inline; float:left; margin:0px 0px 0px 0px; width:100%; height:150px; overflow:hidden; background:#fff; }
.img-list.high li{ height:273px; }

.photo-list{ position:relative; width:100%; overflow:hidden; }
.photo-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.photo-list ul{ width:100%; }
.photo-list ul li{ position:relative; _display:inline; float:left; margin:15px 0 0 15px; width:224px; height:129px; overflow:hidden; background:#fff; }
.photo-list ul li.col-1{ margin-left:0; width:463px; height:273px; }
.photo-list ul li.col-6{ position:absolute; top:15px; left:956px; margin:0; height:273px; }

/*遮罩样式*/	
.ilist a{ position:absolute; display:block; top:0; right:0; bottom:0; left:0; border:2px solid #f7f7f7; cursor:pointer; _position:relative; overflow:hidden; }
.ilist a:hover em{ position:absolute; top:50%; left:50%; display:block; margin:-30px auto auto -30px; height:60px; width:60px; background:url(../images/slider.png) no-repeat 0 0; }
.ilist a img{ width:100%; min-width:100%; min-height:100%; _height:100%; }
.ilist .abs-txt{ position:absolute; top:0; left:0; display:inline-block; padding:0 5px; border-radius:2px; color:#fff; font-size:12px; line-height:23px; background:#f06000; text-align:center; }
.ilist .abs-bg{ position:absolute; left:0; right:0; bottom:0; display:block; height:125px; background:url(../images/pic-bg.png) 0 bottom repeat-x; _background:url(none) 0 0 repeat #000; width:100%; _height:50px; }
.ilist .txt1{ position:absolute; left:0; right:0; bottom:20px; display:block; padding:0 5px; height:24px; line-height:24px; color:#fff; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ilist .txt2{ position:absolute; left:0; right:0; bottom:3px; display:block; padding:0 5px; height:20px; line-height:20px; color:#bdbdbd; font-size:12px; overflow:hidden; }
.ilist .txt2 p{ display:block; }
.ilist .txt2 i{ float:right; margin-left:5px; font-style:normal; }
.ilist .price{ position:absolute; left:0; right:0; bottom:20px; display:block; padding:0 5px; height:30px; line-height:30px; color:#F90; font-size:16px; font-weight:400; text-shadow:1px 1px rgba(0,0,0,.9); vertical-align:middle; overflow:hidden; }
.ilist .price b{ margin-right:2px; font-size:14px; font-weight:700; }
.ilist .price i{ float:right; display:block; font-style:normal; color:#bdbdbd; font-size:12px; font-weight:normal; text-decoration:line-through; }
.ilist .protxt{ position:absolute; left:0; right:0; bottom:3px; display:block; padding:0 5px; height:20px; line-height:20px; color:#fff; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
.ilist a .img-box{ position:relative; margin:10px 10px 5px 10px; width:200px; height:200px; overflow:hidden; background:#000; }
.ilist a .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
.ilist a .info{ padding:0 10px; color:#999; }
.ilist a .info h3{ height:24px; line-height:24px; color:#555; font-size:14px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.ilist a .info i{ float:right; margin-left:5px; font-style:normal; }
.ilist a .info p{ display:block; }

/*文字列表*/
.txt-list{ position:relative; }
.txt-list li{ display:block; font-size:14px; height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.txt-list li.tit{ margin-bottom:10px; }
.txt-list li.tit a{ color:#0078d7; font-size:18px; font-weight:bold; line-height:24px; }
.txt-list li b{ display:inline-block; padding-right:8px; color:#999; font-weight:normal; }
.txt-list li span{ float:right; margin-left:5px; color:#999; }
.txt-list li a{ color:#666; }
.txt-list li a:hover{ color:#0089cd; }

/*图文列表*/
.t-list{ position:relative; }
.t-list ul{ margin:0 0 0 -15px; *zoom:1; }
.t-list li{ float:left; margin:0 0 15px 15px; width:463px; height:129px;  _display:inline; overflow:hidden; }
.t-list li a.img-box{ position:relative; display:block; float:left; margin-right:15px; width:224px; height:125px; border:2px solid #f7f7f7; }
.t-list li a.img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
.t-list li h3{ margin-bottom:10px; color:#333; font-size:16px; font-weight:normal; line-height:24px; height:48px; overflow:hidden; }
.t-list li h3 a{ color:#333; }
.t-list li p{ margin-bottom:10px; color:#666; font-size:12px; line-height:20px; height:40px; overflow:hidden; }
.t-list li i{ color:#999; font-size:12px; line-height:20px; font-style:normal; }
/*图文列表*/
.n-list{ padding-top:10px; }
.n-list li{ display:block; padding-bottom:16px; border-bottom:1px solid #f0f0f0; overflow:hidden; }
.n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.n-list li h2{ padding:16px 0 14px 0; font-size:16px; line-height:27px; font-weight:normal; }
.n-list li h2 a{ font-size:20px; font-weight:bold; line-height:29px; color:#0078d7; text-decoration:none; }
.n-list li h2 a:hover{ color:#8CAC52; }
.n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:156px; height:104px; font-style:normal; }
.n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
.n-list li .note p{ font-size:14px; line-height:23px; font-weight:500; color:#555; }
.n-list li .note .info{ padding-top:10px; }
.n-list li .note .info span{ margin-right:10px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat; }
.n-list li .note .info .time{ background-position:0 -158px; }
.n-list li .note .info .view{ background-position:0 -36px; }
.n-list li .note .info .comm{ background-position:0 4px; }
.n-list .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; }
/*右侧通用列表*/
.sidebar-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.sidebar-box h3{ display:block; margin-bottom:10px; padding-bottom:10px; line-height:1em; color:#888; font-size:18px; font-weight:300; border-bottom:1px solid #f0f0f0; }
.sidebar-box .sidebar-txt{ color:#555; font-size:14px; line-height:1.8em; }
.sidebar-box .sidebar-txt p{ padding:5px 0; }
.tags-box{ margin-left:-10px; }
.tags-box a{ display:block; float:left; margin:0 0 10px 10px; padding:5px 10px; color:#555; font-size:13px; line-height:20px; border:1px solid #f0f0f0; }
.tags-box a i{ margin-left:2px; color:#999; font-style:normal; }

/*类别列表*/
.class-list li{padding-bottom:5px; }
.class-list li h4{ display:block; color:#0078d7; font-size:16px; font-weight:normal; line-height:25px; }
.class-list li h4 a{ color:#0078d7; }
.class-list li p{ font-size:14px; color:#888; line-height:25px; }
.class-list li p a{ display:inline-block; margin-right:5px; color:#888; }

/*热门*/
.focus-list ul{ margin:0 0 0 -20px; *zoom:1; }
.focus-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.focus-list li{ float:left; margin:0 0 20px 20px; _display:inline; }
.focus-list li a{ color:#888; font-size:13px; cursor:pointer; }
.focus-list li a b{ position:relative; display:block; margin:0; padding:1px; width:136px; height:100px; border:1px solid #e8e8e8; overflow:hidden; }
.focus-list li a:hover b em{ position:absolute; top:50%; left:50%; display:block; margin:-30px auto auto -30px; height:60px; width:60px; background:url(../images/slider.png) no-repeat 0 0; }
.focus-list li a b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
.focus-list li a span{ display:block; line-height:30px; width:140px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/*排行*/
.rank-list li{ position:relative; _display:block; padding:10px 0 0 25px; height:25px; vertical-align:top; }
.rank-list li a{ display:block; padding:0; color:#888; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; _position:absolute; }
.rank-list li .num{ position:absolute; left:0px; top:12px; display:inline-block; vertical-align:-3px; *vertical-align:middle; width:16px; height:16px; margin-right:10px; background:#1389d7; font-style:normal; color:#fff; font-size:10px; font-family:Verdana, Geneva, sans-serif; text-align:center; overflow:hidden;}
.rank-list li.active .num{ top:12px; background:#d60007; font-family:Georgia, "Times New Roman", Times, serif; }
.rank-list li span{ float:right; margin-left:5px; color:#999; _padding:2px 0 2px 5px; _z-index:2;  _position:absolute; _background:#fff; _right:0; }

/*推荐*/
.red-list ul{ margin:0 0 0 -15px; *zoom:1; }
.red-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.red-list li{ float:left; margin:0 0 15px 15px; _display:inline; }
.red-list li a{ color:#888; font-size:13px; cursor:pointer; }
.red-list li a .img-box{ position:relative; display:block; margin:0; padding:1px; width:94px; height:94px; border:1px solid #e8e8e8; overflow:hidden; }
.red-list li a .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
.red-list li a span{ display:block; line-height:30px; width:98px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/*相关*/
.rel-list{ margin-top:15px; }
.rel-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.rel-list ul .nodata{ color:#999; font-size:14px; line-height:50px; }
.rel-list ul li{ display:block; float:left; margin:0 auto 15px 0; padding:0; width:50%; overflow:hidden; _float:none; _width:auto; }
.rel-list ul li .img-box{ position:relative; display:block; float:left; padding:1px; width:136px; height:100px; border:1px solid #e8e8e8; overflow:hidden; }
.rel-list ul li .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
.rel-list ul li .info{ margin:0 auto 0 151px; padding-right:15px; _margin-top:-15px; _padding-right:0; }
.rel-list ul li .info h3{ display:block; color:#0078d7; font-size:16px; font-weight:normal; line-height:1.3em; height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.rel-list ul li .info h3 a{ color:#0078d7; }
.rel-list ul li .info p{ color:#555; font-size:13px; height:48px; line-height:22px; overflow:hidden; }
.rel-list ul li .info span{ color:#999; font-size:12px; line-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	
/*内容标题样式*/
.meta{ margin:30px 0 0 0; padding:0 0 15px 0; border-bottom:1px solid #f0f0f0; }
.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.meta h1{ margin:0; padding:0 0 15px 0; color:#0078d7; font-size:22px; line-height:30px; }
.meta .meta-info{ color:#999; font-size:12px; line-height:24px; }
.meta .meta-info span{ margin-right:10px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat; }
.meta .meta-info .time{ background-position:left -158px; }
.meta .meta-info .view{ background-position:left -36px; }
.meta .meta-info .comm{ background-position:left 4px; }
/*内容详细样式*/
.entry{ margin:15px 0; padding:0; font-size:14px; line-height:2em; word-wrap:break-word; }
.entry img{ max-width:100%!important; height:auto!important; }
.entry h2,.entry h3,.entry h4{ padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
.entry h2{ font-size:1.2em; }
.entry h3,.entry h4{ font-size:1.1em; }
.entry strong{ color:#0060ac; }
.entry ul,.entry ol{ margin:1em; }
.entry li{ margin-left:1em; }
.entry ul li{ list-style:disc outside none; }
.entry ol li{ list-style:decimal outside none; }
.entry p{ display:inherit; margin:1em 0; color:#555; word-wrap:break-word; }
.entry a{ text-decoration:underline; }
.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; line-height:1.7em; }
.entry table{ border-left:0.15em solid #eee; border-top:0.15em solid #eee; }
.entry table th{ background-color:#F9F9F9; text-align:center; }
.entry table td,.entry table th{ border-bottom:0.15em solid #eee; border-right:0.15em solid #eee; padding:0.25em 0.5em; }
.next-prev-single{ padding:10px 0; color:#444; font-size:14px; overflow:hidden; }
.next-prev-single p{ width:49%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.next-prev-single p a{ color:#428bca; text-decoration:none; }
.next-prev-single .prev{ float:left; }
.next-prev-single .next{ float:right; }

/*内容相册样式*/
.album-list{ position:relative; }
.album-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.album-list ul{ margin:0 0 0 -20px; *zoom:1; }
.album-list li{ float:left; width:20%; }
.album-list li a{ display:block; margin:20px 0 0 20px; padding:1px; border:1px solid #e8e8e8; }
.album-list li a img{ display:block; width:100%; height:auto; }
/*附件样式*/
.attach-list{ margin:0; padding:10px; }
.attach-list li{ margin:0; padding:0 0 0 25px; color:#555; font-size:12px; line-height:36px; background:url(../images/sprite.gif) no-repeat 0 -108px; }
.attach-list li span{ float:right; }
.attach-list li i{ margin-left:10px; font-style:normal; color:#666; }
/*当前位置*/
.curr-nav{ margin:30px 0 15px 0; color:#999; line-height:20px; }
.curr-nav a{ color:#999; }
.curr-nav a:hover{ color:#0089CD; }
/*筛选条件样式*/
.screen-box{ position:relative; border:1px solid #e8e8e8; }
.screen-box:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.screen-box dl{ clear:both; display:block; border-top:1px solid #f7f7f7; }
.screen-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.screen-box dl:first-child{ border-top:none; }
.screen-box dl dt{ display:block; float:left; padding-left:20px; width:100px; color:#555; line-height:36px; }
.screen-box dl dd{ position:relative; margin-left:112px; padding-top:5px; overflow:hidden; }
.screen-box dl dd a{ display:inline-block; margin:0 5px 5px 0; padding:6px 10px; border:1px solid #fff; font-size:12px; line-height:1em; }
.screen-box dl dd a.selected{ border-color:#fff; color:#fff; background:#0089CD; }
/*排序样式*/
.sort-box{ height:38px; border:1px solid #e8e8e8; background:#f7f7f7; overflow:hidden; }
.sort-box a{ display:block; float:left; margin-left:-1px; padding:0 15px; line-height:38px; height:38px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; color:#333; font-size:12px; }
.sort-box a:hover,.sort-box a.selected{ color:#0089CD; background:#fff; }

/*按钮样式*/
.btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:38px; line-height:38px; text-align:center; }
.btn{ background:#1e7bb3; border:1px solid #02598E; border-radius:2px; vertical-align:middle; }
.btn:hover{ color:#fff; opacity:0.9; }
.btn-mini{ height:20px; line-height:20px; padding:1px 8px 0; }
input.btn, button.btn{ height:40px; cursor:pointer; overflow:visible; }
.btn-success{ background:#52A152; border:1px solid #417F41; text-shadow:0 -1px 0 #52A152; }
.btn-error{ background:#CB423B; border:1px solid #AA352F; text-shadow:0 -1px 0 #CB423B; }
.btn-gray{ background:#ddd; border:1px solid #A9A9A9; text-shadow:0 -1px 0 #EEEEEE;}
.btn-gray,.btn-gray:hover{ color:#777; }

/*标题样式*/
.main-tit{  margin:0 auto; padding:30px 0 0; }
.main-tit h2{ display:block; padding-right:10px; color:#666; font-size:24px; font-weight:400; line-height:25px; }
.base-tit{ border-bottom:1px solid #f0f0f0; color:#0078d7; line-height:1em; font-size:18px; font-weight:normal; }
.base-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #0078d7; }
.base-tit i{ float:right; padding:10px 0; color:#999; font-size:12px; line-height:26px; font-style:normal; }
.bar-tit{ margin:0 0 20px; padding:0 0 10px; border-bottom:1px solid #e8e8e8; color:#6c6c6c; font-size:18px; }

/*评论样式*/
.comment-add{ margin-top:15px; _width:100%; _position:relative; _overflow:hidden; }
.comment-add .editor{ position:relative; margin-right:18px; }
.comment-add .editor textarea{ width:100%; height:70px; }
.comment-add .subcon{ margin-top:15px; }
.comment-box{ position:relative; margin-top:15px; }
.comment-list li{ padding:15px 0; border-top:1px solid #f7f7f7; }
.comment-list li .avatar{ display:block; float:left; margin-top:6px; background:#fff; border-radius:2px; width:42px; height:42px; overflow:hidden; }
.comment-list li .avatar img{ width:42px; height:42px; }
.comment-list li .inner{ margin-left:52px; }
.comment-list li .inner p{ color:#333; font-size:14px; line-height:1.8em; }
.comment-list li .inner .meta{ margin:0; padding-top:3px; color:#999; border:none; }
.comment-list li .inner .meta .time{ margin-left:5px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat left -158px; }
.comment-list li .answer{ margin-left:48px; padding:10px; background:#fafafa; border:1px solid #e6e6e6; border-radius:3px; }
.comment-list li .answer .meta{ margin:0; padding:0; color:#999; margin-bottom:5px; border:none; }
.comment-list li .answer p{ color:#555; font-size:14px; line-height:1.8em; }


/*排列*/
.left{ float:left; }
.right{ float:right; }