@charset "utf-8";

.product{ width:1200px; margin:0 auto; overflow:hidden;font-size: 14px;    position: relative;}
.leftbar{ float:left;  width:200px; background:#f5f5f5; position: fixed; top:0; bottom:0; }
#floatbar{position: fixed; top:200px;  bottom:0; background:#f5f5f5; width:200px;}
.rightcontent{ float:right; width:990px;}
.tm-idsItem a {
	background-repeat: no-repeat;
	text-shadow: rgba(255,255,255,.5) 1px 1px 0, rgba(255,255,255,.5) -1px -1px 0;
	margin: 22px 0 0;
	display: block;
	padding: 0 0 0 23px;
	white-space: nowrap;
	color:#666;
}
.tm-idsItem a.c{ color:#f30;background-position: 47px -115px;}
.tm-idsItem a {
	white-space: normal;
	padding: 0 0 0 70px;
    background-image: url(../images/tb.png);
	background-position:47px 7px;
}
.tm-idsItem a:hover{    background-position: 47px -115px;}
/* fixed bar */
.fixBar { position: fixed; right: -38px; top: 0; bottom: 0; margin: 0; width: 38px; background-color: #fff; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); z-index: 900; }
.fixBar ul { position: absolute; width: 38px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.fixBar li { position: relative; width: 40px; padding: 4px 0 2px 0; text-align: center; cursor: pointer; }
.fixBar li:not(:last-child) { border-bottom: 1px solid #D8D5D5; }
.fixBar li > a, .fixBar li > span { display: inline-block; width: 40px; height: 35px; text-align: center; text-decoration: none; outline: none; line-height: 999; vertical-align: middle; font-size: 12px; padding-top: 4px }
.fixBar li:hover { background-color: #3671cf; }
.fixBar .f-icon { background-image: url("../images/fixsprite.png"); background-repeat: no-repeat; }
.fixBar .f-baidu { background-position: -7px -280px; }
.fixBar .f-baidu:hover { background-position: -52px -278px; }
.fixBar .f-feedback { background-position: -154px -16px; }
.fixBar .f-feedback:hover { background-position: -17px -232px; }
.fixBar .f-chat { background-position: -154px -55px; }
.fixBar .f-chat:hover { background-position: -64px -234px; }
.fixBar .f-wechat { background-position: -154px -94px; }
.fixBar .f-wechat:hover { background-position: -109px -233px; }
.fixBar .wechat-mask { position: absolute; right: 42px; top: -79px; display: none; }
.fixBar .f-phone { background-position: -154px -133px; }
.fixBar .f-phone:hover { background-position: -154px -233px; }
.fixBar .phone-mask { position: absolute; right: 42px; top: -10px; display: none; }
.fixBar li:hover a { -webkit-transition: none; -o-transition: none; transition: none; }
.fixBar .f-top { position: fixed; width: 40px; height: 35px; bottom: 0; background-position: -154px -173px; /* display: none; */ }
.fixBar .f-top:hover { border: 1px solid #3671cf; background: #3671cf; }
.fixBar .f-top a { display: inline-block; text-align: center; text-decoration: none; outline: none; line-height: 999; vertical-align: middle; font-size: 12px; padding-top: 0; margin: 2px 0px 0px 5px; color: #fff; }
.fixBar .f-top:hover a { line-height: 15px; }
.icon-triangle-right:after { content: ''; width: 0; height: 0; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; }
.icon-chat-position:after { position: absolute; right: 0; top: 50%; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); -o-transform: translate(100%, -50%); transform: translate(100%, -50%); }
#LXB_CONTAINER { top: 200px !important; right: -9999px !important; }
.lxb-cb-tip-info{top: -105px!important;}

/*rightcontent*/
#attributes div.attributes-list {
    clear: both;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
    border-top: none;
	overflow: hidden;
	padding-bottom: 20px;
    background: #FFFCDD;
}
#J_BrandAttr {
    padding: 8px 20px 10px;
    border-top: 1px solid #e6e6e6;
    height: 40px;
    line-height: 40px;
}
#J_BrandAttr .name {
    color: #666;
    float: left;
    margin-right: 15px;
}
#J_BrandAttr .tm-collectBtn {
    position: relative;
    display: inline-block;
    height: 22px;
    width:120px;
    background-color: #c00;
    border-radius: 11px;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    text-decoration: none!important;
    white-space: nowrap;
    outline: 0;
	top: 10px;
    cursor: pointer;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
#J_BrandAttr .tm-collectBtn i {
    background-repeat: no-repeat;
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    margin: 0 0 -2px;
    margin-bottom: 0\9;
    vertical-align: middle\9;
    overflow: hidden;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    background-position: 0 0;
}
#J_BrandAttr .tm-collectBtn span {
    margin-left: 4px;
}
.attr-list-hd {
    padding: 5px 20px;
    line-height: 22px;
    color: #333;
	font-weight: bold;
}
#content .attr-list-hd em {
    font-weight: 700;
    float: left;
}
#attributes .attributes-list ul {
    padding: 0 20px 18px;
    text-indent: 0;
    border-top: 1px dotted #52513F;
	zoom:1;
}
#attributes .attributes-list li {
    display: inline;
    float: left;
    width: 220px;
    height: 18px;
    overflow: hidden;
    margin: 10px 15px 0 0;
    line-height: 18px;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
}
