﻿@charset "utf-8";
/* CSS Document */
.navigate { height: 35px; background: url(images/detail.gif) repeat-x; color: #fff;}
.navigate p { padding: 11px 0 0 22px;}
.navigate p a { color: #fff;}
.subject { height: 27px; background: url(images/detail.gif) no-repeat 22px -61px; border-bottom: 1px solid #E3E3E3; font-family: verdana; font-size: 16px; padding: 18px 0 0 38px; }

/*detail_box begin*/
.detail_box { width: 100%; padding-top: 5px; float: left;}
.detail_box .photobox { width:292px; float: left;}
.detail_box .photobox .photo { height: 290px; height: 290px; border: 1px solid #DCDCDC; overflow: hidden;}
.detail_box .photobox .thumb { width: 292px; padding-top: 5px;}
.detail_box .photobox .thumb ul { width: 308px; margin-left: -16px;}
.detail_box .photobox .thumb ul li { cursor: pointer; width: 59px; height: 59px; display: inline; border: 1px solid #DCDCDC; float: left; overflow: hidden; margin-left: 16px;}
.detail_box .photobox .thumb ul li.current { border: 1px solid #AF0000;}
.detail_box .meta { width: 436px; float: right; padding-right: 28px; padding-top: 10px;}
.detail_box .meta li { background: url(images/arrow.gif) no-repeat 0 11px; line-height: 25px; padding-left: 10px; color: #313131;}
.detail_box .meta .basis li .ct {font-family: Verdana; font-size: 16px; font-weight: bold; color: #af0000; padding: 0 5px;}
.detail_box .meta .basis li .lb { padding-left: 35px;}
.detail_box .meta .basis li em {font-style: normal; font-weight: normal; text-decoration: line-through;}
.detail_box .meta .full { padding-top: 20px; width: 100%; float: left;}
.detail_box .meta .full li { float: left;}
.detail_box .meta .full .l { width: 145px;}
.detail_box .meta .full .r { width: 255px;}
.detail_box .meta .promise { width: 100%; padding-top: 20px; float: left; height: 30px; overflow: hidden;}
.detail_box .meta .promise strong { float: left; padding: 9px 8px 0 0;}
.detail_box .meta .promise .p1 { height: 17px; padding: 7px 20px 0 32px; font-weight: bold; background: url(images/icon.png) no-repeat 0 2px; display: block; float: left;}
.detail_box .meta .promise a { color: #0053B8;}
.detail_box .meta .promise .p2 { height: 17px; padding: 7px 17px 0 38px; font-weight: bold; background: url(images/icon.png) no-repeat 0 -46px; display: block; float: left;}
.detail_box .meta .promise .p3 { height: 17px; padding: 7px 0 0 24px; font-weight: bold; background: url(images/icon.png) no-repeat 0 -90px; display: block; float: left;}
.detail_box .meta .ask { width: 100%; float: left;}
.detail_box .meta .ibuy { width: 432px; float: left; border: 1px solid #FEE2A1; padding:1px; margin-top: 10px;}
.detail_box .meta .ibuy .cont { height: 86px; background-color: #FFF3D9;}
.detail_box .meta .ibuy .cont .c1 { padding: 10px 0 0 15px;}
.detail_box .meta .ibuy .cont .text { width: 53px; height: 13px; border: 1px solid #A7A6AA; padding: 3px 0; padding-left: 4px; background: url(images/inputbg.gif);}
.detail_box .meta .ibuy .cont .c2 { padding: 7px 0 0 0;}
.detail_box .meta .ibuy .cont .c2 .b_buy { margin: 0 0 0 30px; float: left;}
.detail_box .meta .ibuy .cont .c2 .b_collect { margin: 0 0 0 11px; float: left;}
.detail_box .meta .ibuy .cont .c2 .how { float: left; padding: 16px 0 0 16px; text-decoration: underline;}
.detail_box .meta .ibuy .cont .c2 .how:hover { color: #af0000; text-decoration: none;}
/*detail_box end*/

/*affix begin*/
.affix { width: 100%; height: 204px; float: left; margin-top: 20px; background: url(images/affix.gif) no-repeat;}
.affix .gift { width: 160px; float: left; padding: 0 0 0 20px;}
.affix .gift h3 { padding: 30px 0 0 0;}
.affix .gift li { padding-top: 15px; width: 100%; float: left;}
.affix .gift li .photo { width: 46px; height: 46px; border: 1px solid #DCDCDC; overflow: hidden; float: left; background-color: #fff;}
.affix .gift li .detail { padding-left: 12px; line-height: 18px; float: left; width: 100px;}
.affix .best { width: 556px; float: right;}
.affix .best h3 { padding: 30px 0 0 28px;}
.affix .best ul { width: 520px; float: left; padding: 0 18px; padding-top: 13px;}
.affix .best li { width: 130px; float: left; text-align: center;}
.affix .best li img { display: block; margin: 0 auto; border: 1px solid #DCDCDC;}
.affix .best li .name { line-height: 18px; padding: 0 5px; padding-top: 7px;}
.affix li a:hover { color: #af0000; text-decoration: underline;}
/*affix end*/

/*doing begin*/
.doing { width: 100%; height: 124px; background: url(images/doing.gif) no-repeat; float: left; margin: 13px 0 0 0;}
.doing h3 { padding: 36px 0 0 22px;}
.doing .cont { width: 724px; margin: 0 auto;  margin-top: 6px;}
.doing .cont ul {border: 1px solid #EDEDED; float: left; padding: 5px 0;}
.doing .cont li { width: 225px; float: left; line-height: 23px; padding-left: 15px;}
.doing .cont li a:hover { color: #af0000;}
/*doing end*/

/*info begin*/
.info { width: 100%; float: left; margin-top: 15px;}
.info .title { height: 24px; border-bottom: 2px solid #AF0000;}
.info .title li { float: left; height: 16px; text-align: center; margin-right: 2px; padding-top: 8px; font-weight: bold; color: #fff; font-size: 14px;}
.info .title .t1 { width: 129px; background: url(images/detail.gif) 0 -250px;}
.info .title .t2 { width: 175px; background: url(images/detail.gif) 0 -280px;}
.info .title .t2 a { color: #313131;}
.info .cont { width: 730px; padding:20px; font-size: 14px; line-height: 28px; color: #313131;}
/*info end*/

/*assess beign*/
.assess { width: 100%; float: left; color: #313131;}
.assess .title { height: 24px; border-bottom: 2px solid #AF0000;}
.assess .title h3 {width: 180px; height: 17px; background: url(images/detail.gif) 0 -310px;font-weight: bold; color: #fff; font-size: 14px; text-align: center; padding-top: 7px;}
.assess .cont { width: 100%; padding-top: 10px;}
.assess .cont li { width: 750px; padding: 8px 0; border-bottom: 1px solid #D3D3D3; padding-left: 20px;}
.assess .cont li.bg { background-color: #F8F8F8;}
.assess .cont li .name { color: #0053B8;}
.assess .cont li .time { color: #8D8D8D;}
.assess .cont li .text { line-height: 23px;} 
.assess .cont .all { height: 38px; line-height: 38px; text-align: right; padding-right: 27px;}
.assess .cont .all strong { color: #af0000;}
.assess .cont .all .scan { color: #0053B8; padding-left: 15px;}
/*assess end*/

/*statement begin*/
.statement { background-color: #F8F8F8; width: 100%; float: left; padding-bottom: 13px;}
.statement .title { height: 37px; width: 100%;}
.statement .title h3 { float: left; padding: 15px 0 0 18px;}
.statement .title .tips { color: #af0000; padding: 17px 0 0 20px; float: left;}
.statement .cont { padding-left: 13px;}
.statement .state_detail { width: 585px; height: 83px; border: 1px solid #CBCBCB; line-height: 18px; font-size: 12px;}
.statement .btn { width: 57px; height: 21px; text-align: center;  border: 0px; cursor: pointer; color: #313131; background: url(images/detail.gif) 0 -350px;}
/*statement end*/


.mod {width: 196px; float: left; border: 1px solid #D3D3D3; padding: 1px;}
.mod h3 { height: 18px; padding: 8px 0 0 15px; color: #fff; background: url(images/pic.gif) 0 -450px;}
.mod a:hover { color: #a10000;}
.sort ul li{ line-height: 27px; line-height: 27px; text-align: right; padding-right: 15px; border-bottom: 1px solid #EBEBEB;}
.sort ul li.cur { font-weight: bold;}
.sort ul li.cur a { color: #af0000;}
.sort .back { height: 24px; line-height: 24px; border-top: 1px solid #fff; background: url(images/detail.gif) repeat-x 0 -380px; text-align: right; padding-right: 16px;}
.sort .back a { color: #0053B8;}

.goods_search { width: 184px;border: 1px solid #D3D3D3;float: left;background-color: #FAFAFA; margin-top: 10px; padding: 0 7px; padding-bottom: 10px;}
.goods_search h3 { color: #313131; padding: 9px 0 0 6px; height: 18px; border-bottom: 1px dashed #ACACAC; margin-bottom: 6px;}
.goods_search .text { padding: 2px 0; height: 14px; width: 130px; border: 1px solid #D7D7D7; background-color: #fff; float: left;}
.goods_search .enter { width: 48px; float: right; height: 20px; cursor: pointer; border: 0px; background: url(images/pic.gif) 0 -490px;}

.guide { margin-top: 10px;}
.guide ul {padding: 7px 0; padding-left: 10px;}
.guide ul li { line-height: 25px;}

.rsp-1 { width: 200px; height: 81px; margin-top: 10px; float: left;}

/*智能选拍系统 begin*/
.selection { margin-top: 10px; }
.selection .cont { height: 125px;background: url(images/ulbg.gif) repeat-x 0 bottom; padding: 0 13px; padding-top: 9px;}
.selection .cont select { margin:2px 0;}
.selection .cont .text { border: 1px solid #000; width: 46px; height: 14px; padding: 2px 0;}
.selection .cont .btn_enter { width: 90px; height: 22px; cursor: pointer; border: 0; float: right; margin-top: 5px; background: url(images/detail.gif) 0 -420px;}
/*智能选拍系统 end*/

.recom_pro { margin-top: 10px;}
.recom_pro ul { width: 100%;}
.recom_pro ul li { width: 100%; height: 190px; padding-top: 11px; overflow: hidden;}
.recom_pro ul li img{ display: block; margin: 0 auto; border: 1px solid #DCDCDC; }
.recom_pro ul li .detail { line-height: 18px; text-align: center; padding: 0 5px; padding-top: 8px;}
.recom_pro ul li .price { color: #af0000; text-align: center; padding-top: 7px;}