@charset "utf-8";
/* CSS Document */
.products-box { width: 100%; height: auto; }
.list-box { width: 100%; height: auto; float: left; margin-top:20px; }
.list-box ul { list-style-type: none; padding: 0px; margin: auto; margin:0 -55px 0 0; overflow:hidden;  display: inline-block; }
.list-box li { float: left; width: 230px; height: auto; list-style-type: none;margin-right:55px; }

.list-box .photo-box {width: 228px; height: auto;   padding-bottom: 15px; margin: 0px 2px 65px 2px; float: left;  position: relative;}
.list-box .photo { width: 220px;height: 180px; margin:0 auto; margin-top:5px; text-align:center; /* margin-bottom: 70px; */}
.list-box .photo-box .cover { position: absolute; z-index: 99; left: 0px; top: 0px; width: 228px; height: 198px;/*需扣掉64px高度*/ filter: alpha(opacity=100); /*IE,透明度50%*/ -moz-opacity: 1; /*Firefox,透明度50%*/ opacity: 1;/*其他浏览器,透明度50%*/ background-image: url(../data/products/cover.png); pointer-events: none;}
.list-box .frame_info { width: 220px; height: 56px; margin:0 0 0 4px; padding:5px 0 0 0;  position: absolute; z-index: 1; left: 0px; bottom: -52px; /* background: url(../data/products/info_bg.png) */}
.list-box .caption {color: #263268; width: 200px; height: auto; margin:0 auto; text-align: center; font-size:15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.list-box .caption a { color: #28356C; text-decoration: none; -webkit-transition: color 200ms linear; -moz-transition: color 200ms linear; -o-transition: color 200ms linear; transition: color 200ms linear; }
.list-box .photo-box:hover .caption a{ color: #D6830C; text-decoration: none; }
.list-box .price{ text-decoration: none; color: #AAAAAA; text-align: center; }
/*****detail*******************************************************/
.detail-box { width: 729px; height: auto; float: right; }
.detail-box { width: 100%; height: auto; float: left; }
.detail-box .top-frame { width: 100%; height: auto; float: left; margin-bottom: 10px; }
.detail-box .left-box { width: 468px; height: 357px; float: left; text-align: left; background:url(../data/products/big-photo-bg.jpg); text-align:center; padding-top:15px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.detail-box .right-box { width: 260px; height: auto; float: left; margin-left:10px; }
.detail-box .bottom-box { width:100%; height: auto; float: left; margin-top:10px; }
.detail-box .bottom-box ul { list-style-type: none; padding: 0px; margin: auto; margin:0 -20px 0 0; overflow:hidden;  display: inline-block; }
.detail-box .bottom-box li { float: left; width: 110px; height: auto; list-style-type: none;margin-right:20px; }

.detail-box .bottom-box .photo{ width:110px; height:auto; float:left;}
.detail-box .caption { border-bottom: 1px #D5D2C1 solid; width: 100%; height: auto; padding: 5px 0 5px 10px; font-size: 15px; color: #FFFFFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #2A356C;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.detail-box .caption span{ font-size: 13px; color: #948B5E; }
.detail-box .member { font-size: 20px; font-weight: bold; color: #FF7F00; width: 100%; height: auto; padding: 10px 0px 10px 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.detail-box .des { width: 100%; height: auto; padding: 5px 0 5px 5px; color: #FF9797; letter-spacing: 1px; width: calc(100% - 5px); }
.detail-box .number { color: 90px; background: url(../data/products/number.png) 10px center no-repeat; width: 100%; height: auto; padding: 7px 0px 7px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.detail-box .serial {
	padding: 0 0 0 9px;
    color: #000000;
    font-size: 13px;
    font-weight: bold; }
.detail-box .serial span { font-weight: 100;}
.detail-box .format { background: url(../data/products/format.png) 10px center no-repeat; width: 100%; height: auto; padding: 7px 0px 7px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.detail-box .num { margin-bottom: 10px; background: url(../data/products/num.png) 10px center no-repeat, url(../data/products/line.png) bottom no-repeat; width: 100%; height: auto; padding: 10px 0px 10px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.detail-box .fixed-price { background: url(../data/products/fixed-price.png) 10px 50% no-repeat; width: 100%; height: auto; padding: 5px 0px 5px 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #999999; }
.detail-box .favorable-price { background: url(../data/products/favorable-price.png) 10px 5px no-repeat, url(../data/products/line.png) bottom no-repeat; width: 100%; height: auto; padding: 5px 0px 15px 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #2A356C; }
.detail-box .noprice {
	color: #ff0000;
	font-size: 16px;
    font-weight: bold;
    padding-left: 10px; }
.detail-box .menmber-price { color: #A70601; background: url(../data/products/menmber-price.png)  0 50%  no-repeat; width: 100%; height: auto; padding: 10px 0px 10px 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 18px; font-weight: bold; border-bottom: 1px #D5D2C1 solid; }
.detail-box .buy { width: 100%; height: auto; text-align: center; padding: 10px 0; }
.detail-box .sub_tilte { width: 100%; height: auto; margin: 30px 0 0 0; float: left; }
.detail-box .txt { width: 730px; height: auto; letter-spacing: 1px; padding: 20px 0px 10px 0px; float: left; }