@charset "UTF-8";
.product-con .tool-bar {
    position: relative;
    margin: 20px 0 5px;
    padding: 0 10px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #dcdcdc;
    clear: both;
}

.bread li {
    float: left;
}

.bread li a {
    font-size: 13px;
    color: #666;
    font-family: SimHei, "Microsoft YaHei";
}

.bread li span {
    font-size: 12px;
    line-height: 13px;
    display: inline-block;
    margin: 0 8px;
}

.bread li.active a {
    color: #333;
}

.filter-wrap {
    position: relative;
    float: right;
}

.menu {
    position: relative;
    display: inline-block;
    margin: 8px 5px;
    padding: 0;
    width: 155px;
     height: 25px;
    line-height: 25px;
    font-size: 14px;
    text-align: left;
    border-radius: 2px;
    background-color: #fff;
    z-index: 7;
}

.menu-input{
	
    width: 155px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    text-align: left;
    /* border-radius: 2px; */
    background-color: #fff;
    border:none;
    z-index: 8;
}

.menu .search-btn{
	line-height: 25px;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	display: block;
	width: 25px;
	height: 25px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-align: center;
	border: 0;
	background-color: transparent;
}

.menu .search-ico {
	font-size: 14px;
	z-index: 3;
	color: #323232;
}


.menu .menu-hd {
    /*position: relative;*/
    display: block;
    padding: 0 8px;
    width: 100%;
    z-index: 1;
}

.menu .menu-hd .prev {
    position: absolute;
    top: 1px;
    right: 6px;
    cursor: pointer;
}

.menu .menu-hd .next {
    position: absolute;
    bottom: 1px;
    right: 6px;
    cursor: pointer;
}

.menu:hover .menu-hd,
.menu:hover .menu-hd a {
    color: #c91277;
}

.menu .menu-bd {
    display: none;
    position: absolute;
    top: 25px;
    padding: 6px 4px;
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, .4);
    border-radius: 4px;
    box-sizing: border-box;
}

.menu:hover .menu-bd {
    display: block;
}

.menu .menu-bd li {
    height: 35px;
    line-height: 30px;
    border-bottom: 1px solid rgba(170, 170, 170, .4);
}

.menu .menu-bd li a {
    display: block;
    width: 100%;
    color: #fff;
}

.menu .menu-bd li a:hover {
    color: #c91277;
}

.menu-bd li span i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 4px;
    height: 4px;
}

.menu-bd li .red i {
    background-color: #f00;
}

.menu-bd li .orange i {
    background-color: #fa800a;
}

.menu-bd li .yellow i {
    background-color: #e5c048;
}

.menu-bd li .green i {
    background-color: #00b400;
}

.menu-bd li .cyan i {
    background-color: #00c8d2;
}

.menu-bd li .blue i {
    background-color: #0064ff;
}

.menu-bd li .purple i {
    background-color: #a000ff;
}

.menu-bd li .black i {
    background-color: #000000;
}

.menu-bd li .white  i {
    background-color: #FFFFFF;
}

.menu-bd li .gray i {
    background-color: #808080;
}

.menu-bd li .khaki  i {
    background-color: #F0E68C;
}

.menu-bd li .pink  i {
    background-color: #FFC0CB;
}
.menu-bd li .brown  i {
    background-color: #A52A2A;
}
.menu-bd li .beige  i {
    background-color: #F5F5DC;
}

.menu-bd li a label {
    float: right;
}

.product-list {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
    /* border-bottom: 2px solid #5c5c5c; */
}

/* 暂时注释掉,是下面的那条横线  */
.product-list::after {
    content: " ";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #5c5c5c;
} 

.product-list ul {
    position: relative;
    margin: 0 -11px;
    overflow: hidden; /* 有的显示不全  hidden*/
}


.product-list li {
    float: left;
    position: relative;
    margin: 20px 11px 26px;
    width: 275px;
    height: 206px;
    overflow: hidden;
}

.product-list li img {
    width: 100%;
    height: 100%;
}

.product-list li .des {
    position: absolute;
    top: 166px;
    left: 0;
    padding: 0 20px;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgba(0, 0, 0, .3);
    box-sizing: border-box;
    transition: top .3s ease-in-out;
}


.product-list li:hover .des {
    top: 0;
}

.product-list .des h4 {
    line-height: 40px;
}

.product-list .des p {
    position: relative;
    font-size: 12px;
    line-height: 20px;
}

.product-list .des p:first-of-type {
    margin-top: 15px;
}

.product-list .des p:first-of-type::before {
    content: " ";
    position: absolute;
    top: -10px;
    left: 0;
    width: 25px;
    height: 2px;
    background-color: #fff;
}

/* .pagination {
    position: relative;
    margin: 15px 0 45px;
    width: 100%;
    line-height: 40px;
    text-align: center;
}

.pagination li {
    position: relative;
    padding: 0 8px;
    font-size: 18px;
    color: #646464;
    font-weight: bold;
}

.pagination li::before {
    content: " ";
    position: absolute;
    left: -4px;
    top: 10px;
    width: 5px;
    height: 5px;
    background-color: #646464;
    border-radius: 100%;
}

.pagination li:nth-child(2)::before,
.pagination li.pageUp::before,
.pagination li.pageDown::before {
    display: none;
}

.pagination li.pageUp,
.pagination li.pageDown {
    font-size: 20px;
}

.pagination li.on {
    color: #fff;
}

.pagination li:hover {
    color: #c91277;
} */

/*product detail*/
.product-detail {
    position: relative;
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
}

.product-detail .figure-wrap {
    float: left;
    padding-top: 40px;
    width: 496px;
}

.figure-wrap .enlarge{
    position: relative;
    margin: 10px 0;
    width: 100%;
    height: 317px;
    border-radius: 22px;
    overflow: hidden;
}

.figure-wrap .enlarge .jqzoom img{
     width: 350px;
    height: 350px;
}

.figure-wrap .action{
    font-size: 12px;
    color: #666;
    overflow: hidden;
}

.figure-wrap .action a:hover{
    color: #c91277;
}

.figure-wrap .action .share{
    float: left;
    margin-right: 25px;
}

.figure-wrap .action .shopping-cart{
    float: right;
    color: #c91277;
}

.figure-wrap .action .share i{
    background-position: 0 -120px;
}

.figure-wrap .action .share:hover i{
    background-position: -85px -120px;
}

.figure-wrap .action .collect i{
    background-position: -86px -2px;
}

.figure-wrap .action .collect:hover i,
.figure-wrap .action .collect.active i{
    background-position: -86px -78px;
}

.figure-wrap .action .shopping-cart i{
    background-position: -6px -77px;
}

.more-detail{
    position: relative;
    width: 100%;
}

.more-detail .figure-list{
    position: relative;
    width: 100%;
    margin: 0;
    padding: 70px 0 50px;
}

.figure-list ul{
    margin: 0 -5px;
    overflow: hidden;
}

.figure-list li{
    float: left;
    margin: 0 5px 20px;
    width: 158px;
    height: 110px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #CCC;
}

.figure-list ul li:hover {
	border: 2px solid #FF1898;
	/* border: 2px solid #FF6600; */
	/* padding: 1px; */
}

.figure-list li img{
    width: 100%;
    height: 100%;
}

.product-detail .product-info{
    position: relative;
    float: right;
    width: 626px;
}
.product-info .product-name{
    margin: 10px 0;
    font-size: 28px;
    color: #c91277;
    font-family: arial;
    font-style: oblique;
    text-indent: 20px;
}
.product-info .info{
    position: relative;
    width: 100%;
}
.product-info .info table{
    width: 100%;
}
.info table caption{
    padding: 0 20px;
    margin: 10px 0;
    height: 23px;
    line-height: 23px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    background-color: #808080;
    border-bottom: 1px solid #ddd;
}
.info table caption span{
    font-weight: normal;
    margin-left: 10px;
    font-family: tahoma;
    font-size: 12px;
}

.info table tr{
    line-height: 20px;
    font-size: 14px;
    color: #555;
}

.fabric table tr:nth-child(5) td,
.fabric table tr:nth-child(10) td,
.test table tr:nth-child(9) td,
.test table tr:nth-child(18) td{
    padding-bottom: 18px;
}

.info table td:first-of-type{
    font-weight: bold;
    padding-left: 20px;
}

.fabric table td:first-of-type{
    width: 120px;
}

.test table td:first-of-type{
    width: 290px;
}

.basis.info table td{
    font-weight: bold;
    font-size: 12px;
}