/*
Powered by ly200.com		http://www.ly200.com
广州联雅网络科技有限公司		020-83226791
*/
@media screen and (max-width: 767px) {
    .w_1200 #prod_list .prod_box {
        width: 220px;
        margin-left: 20px;
        margin-bottom: 20px;
        min-height: 380px;
    }

    .w_1200 #prod_list .prod_box .prod_box_pic {
        height: 216px;
    }

    .w_1200 #prod_list .prod_box .prod_box_pic .thumb_hover {
        width: 220px;
        height: 220px;
    }

    .w_1200 #prod_list .prod_box .prod_box_button .addtocart {
        width: 128px;
        background-position: 0 -92px;
    }

    .w_1200 #prod_list .prod_box .prod_box_button .addtocart > a {
        text-indent: 38px;
    }

    .w_1200 #prod_list .prod_box .prod_box_button .wishlist, .w_1200 #prod_list .prod_box .prod_box_button .compare {
        width: 45px;
    }

    .w_1200 #prod_list .prod_box .add_cart_box .add_cart_bg {
        top: 183px;
        width: 218px;
    }

    .w_1200 #prod_list .prod_box .add_cart_box .add_cart {
        top: 183px;
        width: 218px;
        background-position: 50px -140px;
        text-indent: 30px;
    }

    .w_1200 #prod_list .first, .w_1200 .pro_list .prod_box:first-child {
        margin-left: 0;
    }

    .w_1200 #prod_list .prod_action .addtocart {
        margin-left: 10px;
    }

    .w_1200 #prod_list .prod_action .addtocart > a {
        width: 112px;
        background-position: 0 -98px;
        text-indent: 38px !important;
    }

    .w_1200 #prod_list .prod_action .addtocart > a:hover {
        background-position: -38px -66px;
    }

    .w_1200 #prod_list .prod_action .addtocart {
        margin-left: 10px;
    }

    #prod_list .pro_item:hover .prod_action .compare > a:hover {
        background-position: center -131px;
    }

    /*************************** global start ***************************/
    .sort_icon_popular {
        background: url(/static/images/global/normal.png) no-repeat -140px -117px;
    }

    .sort_icon_sales {
        background: url(/static/images/global/normal.png) no-repeat -211px -116px;
    }

    .sort_icon_favorites {
        background: url(/static/images/global/normal.png) no-repeat -395px -117px;
    }

    .sort_icon_new {
        background: url(/static/images/global/normal.png) no-repeat -280px -116px;
    }

    .sort_icon_price {
        background: url(/static/images/global/normal.png) no-repeat -372px -116px;
    }

    .sort_icon_arrow {
        background: url(/static/images/global/normal.png) no-repeat -461px -24px;
    }

    .sort_icon_arrow_down {
        background: url(/static/images/global/normal.png) no-repeat -442px -24px;
        margin-bottom: 3px;
    }

    .sort_icon_arrow_up {
        background: url(/static/images/global/normal.png) no-repeat -487px -116px;
        margin-bottom: 3px;
    }

    /*************************** global end ***************************/

    #main .pro_left{
        position: fixed;
        left: 0;
        top: 121px;
        bottom: 0;
        right: 0;
        z-index: 99;
        width: 230px;
            overflow-y: auto;
        display: none;
        background-color: #f3f7ff;
    }

    /*.slideout-open .slideout-menu { display: block !important; }*/

    .panel {
        position: fixed;
        z-index: 97;
        text-align: left;
        min-height: 20%;
        /*width: 100%;*/
        opacity: 0.8;
    }

    #main01 .btn-hamburger{
        /* background-color: #5c64ab; */
        border: 20px solid #5c64ab;
        border-bottom: 20px solid #fff;
        border-right: 20px solid #fff;
        border-top: 20px solid #fff;
        position: relative;
        height: 8em;
        opacity: 0.5;
        width: 10%;
        /* float: left; */
        border-radius: 0 100% 100% 0;
    }

    #main01 .btn-hamburger span{
        position: absolute;
        /*bottom: -8px;*/
        right: 25px;
    }

    #goodcover {
        display: none;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index: 98;
        -moz-opacity: 0.8;
        opacity: 0.50;
        filter: alpha(opacity=80);
    }

    .side_category {
        border: 1px #d5d5d5 solid;
        /*background: #fff;*/
    }

    .side_category a {
        display: block;
        padding-left: 13px;
        border: 0;
    }

    .side_category .current {
        background: url(../images/cate_menu.png) no-repeat 3px 9px;
        color: #f60;
        font-weight: bold;
    }

    .side_category .cate_title {
        height: 28px;
        line-height: 28px;
        overflow: hidden;
        background: #e6e6e6;
        text-indent: 16px;
        font-weight: bold;
    }

    .side_category .cate_menu dd {
        padding: 0 3px;
    }

    .side_category .cate_menu dd.first {
        margin: 0 3px;
        padding: 0;
    }

    .side_category .cate_menu dd.first > a {
        border-bottom: 1px #d5d5d5 dotted;
        background-position: 3px 13px;
        font-size: 13px;
        font-weight: bold;
    }

    .side_category .cate_menu dd:first-child {
        border-top: 0;
    }

    .side_category .cate_menu dd > a {
        line-height: 33px;
    }

    .side_category .cate_menu dl {
        padding-left: 7px;
        border-bottom: 1px #dadada solid;
    }

    .side_category .cate_menu dl dd {
        border-top: 0;
    }

    .side_category .cate_menu dl a {
        border: 0;
        line-height: 26px;
    }

    .side_category .cate_menu dl dl {
        border-bottom: 0;
    }

    .narrow_by {
        margin-top: 12px;
    }

    .narrow_by .cate_title {
        height: 23px;
        line-height: 23px;
        position: relative;
        font-size: 12px;
        border-bottom-width: 2px;
        border-bottom-style: solid;
    }

    .narrow_by .cate_title .clear_all {
        position: absolute;
        top: 4px;
        right: 0;
        color: #666;
        line-height: 18px;
        padding: 2px 0;
    }

    .narrow_by dl {
        border-bottom: 1px #ddd solid;
        padding-bottom: 10px;
    }

    .narrow_by dt {
        position: relative;
        line-height: 18px;
        cursor: pointer;
        padding: 4px 0 4px 16px;
        width: 222px;
        height: auto;
    }

    .narrow_by dt em {
        width: 0;
        height: 0;
        border-left: 4px transparent solid;
        border-right: 4px transparent solid;
        border-top-width: 5px;
        border-top-style: solid;
        position: absolute;
        left: 0;
        top: 11px;
    }

    .narrow_by dd a {
        padding: 3px 0 2px;
        width: 238px;
        height: auto;
        display: block;
        text-decoration: none;
        line-height: 18px;
    }

    .narrow_by dd a:hover {
        background-color: #e9e9e9;
    }

    .narrow_by dd a em, .narrow_by dd a span {
        display: inline-block;
        vertical-align: middle;
    }

    .narrow_by dd a .ns_icon_checkbox {
        margin-right: 3px;
        width: 12px;
        height: 12px;
        background-image: url(/static/images/global/normal.png);
        background-repeat: no-repeat;
        background-position: -347px -24px;
    }

    .narrow_by dd a.current .ns_icon_checkbox {
        background-position: -325px -24px;
    }

    .narrow_by dd a.current:hover .ns_icon_checkbox {
        background-position: -369px -24px;
    }

    .narrow_by dd a i {
        padding-left: 3px;
        color: #999;
        font-size: 11px;
    }

    #category_brief {
        margin-bottom: 30px;
        padding: 0 24px;
    }

    .narrow_search {
        margin-bottom: 30px;
    }

    .narrow_search .ns_title {
        padding: 5px 0;
        background: #f7f7f7;
        position: relative;
        margin-bottom: 1px;
    }

    .narrow_search .ns_title h1 {
        line-height: 18px;
        padding: 2px 10px 3px 0;
        float: left;
        margin-left: 24px;
        font-size: 14px;
        font-weight: bold;
    }

    .narrow_search .ns_title p {
        color: #fff;
        vertical-align: top;
        line-height: 20px;
        margin: 0 110px 0 0;
    }

    .narrow_search .ns_title p a {
        display: inline-block;
        margin: 0 5px 3px 0;
        color: #fff;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .narrow_search .ns_title p span {
        padding: 0 5px;
        height: 20px;
        line-height: 20px;
        cursor: pointer;
        vertical-align: middle;
        text-decoration: none;
        display: inline-block;
    }

    .narrow_search .ns_title p em {
        width: 18px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        background: url(/static/images/global/normal.png) no-repeat -486px -20px;
    }

    .narrow_search .ns_title p .remove_all {
        position: absolute;
        right: 5px;
        top: 6px;
    }

    .ns_list {
        background: #f7f7f7;
        padding: 0 6px 0 17px;
    }

    .ns_list dl {
        margin-top: 1px;
        padding: 4px 0 5px;
        border-top: 1px #ddd dashed;
    }

    .ns_list dl:first-child {
        border-top: 0;
    }

    .ns_list dt {
        width: 116px;
        float: left;
        margin-left: 7px;
        white-space: nowrap;
        padding: 5px 0 7px;
    }

    .ns_list dd {
        margin-left: 123px;
    }

    .ns_list dd a {
        display: inline-block;
        padding: 5px 10px;
        color: #333;
        text-decoration: none;
        font-size: 12px;
        line-height: 14px;
    }

    .ns_list dd a:hover {
        background-color: #e9e9e9;
    }

    .ns_list dd a em, .ns_list dd a span {
        display: inline-block;
        vertical-align: middle;
    }

    .ns_list dd a .ns_icon_checkbox {
        margin-right: 3px;
        width: 12px;
        height: 12px;
        background-image: url(/static/images/global/normal.png);
        background-repeat: no-repeat;
        background-position: -347px -24px;
    }

    .ns_list dd a.current .ns_icon_checkbox {
        background-position: -325px -24px;
    }

    .ns_list dd a.current:hover .ns_icon_checkbox {
        background-position: -369px -24px;
    }

    .prop_more {
        position: relative;
        border-top: 1px #ddd solid;
        margin-bottom: 34px;
        height: 0;
        overflow: visible;
        text-align: center;
    }

    .prop_more .attr_extra {
        height: 24px;
        line-height: 20px;
        margin-top: -1px;
        background: #f7f7f7;
        border: 1px #ddd solid;
        padding: 0 15px 0 32px;
        display: inline-block;
        cursor: pointer;
        border-top: 0;
        color: #000;
        position: relative;
    }

    .prop_more .attr_extra b {
        width: 13px;
        height: 11px;
        background: url(/static/images/global/normal.png) no-repeat -541px -179px;
        position: absolute;
        left: 10px;
        top: 5px;
        display: block;
    }

    .prop_more .attr_extra b.up {
        background-position: -541px -150px;
    }

    #filter {
        border: 1px #d4d4d4 solid;
        height: 39px;
        background: #f5f5f5;
        display: none;
    }

    .prod_sort {
        line-height: 39px;
    }

    .prod_sort a {
        display: block;
        float: left;
        border-right: 1px #ddd solid;
        padding: 0 8px;
        text-decoration: none;
        font-size: 13px;
    }

    .prod_sort a.cur {
        background: #fff;
        color: #005cac;
    }

    .prod_sort em, .prod_sort i {
        vertical-align: middle;
        display: inline-block;
    }

    .prod_sort em {
        width: 14px;
        height: 13px;
        margin-right: 2px;
    }

    .prod_sort i {
        width: 9px;
        height: 11px;
        margin-left: 7px;
    }

    .prod_price {
        padding: 7px 0 0 10px;
    }

    .prod_price .pp_inputbox {
        display: inline-block;
        width: 57px;
        height: 21px;
        padding: 2px 0 0 5px;
        border: 1px #ddd solid;
        background: #fff;
        border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .prod_price input {
        display: inline-block;
        width: 32px;
        height: 19px;
        line-height: 19px;
        border: 0;
        color: #333;
        background: #fff;
        outline: 0;
    }

    .prod_price .pp_btn {
        display: inline-block;
        border: 1px #ddd solid;
        background: #eee;
        cursor: default;
        width: 40px;
        height: 23px;
        font-weight: bold;
        border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .prod_price .pp_btn:hover {
        background: #f3f3f3;
    }

    .prod_menu {
        height: 39px;
        line-height: 39px;
    }

    .prod_menu li {
        float: left;
    }

    .prod_menu .view a {
        background-image: url(/static/images/global/normal.png);
        background-repeat: no-repeat;
        float: left;
        display: inline;
        width: 40px;
        height: 39px;
        border-left: 1px #d4d4d4 solid;
    }

    .prod_menu .view .view_0 {
        background-position: -578px -99px;
    }

    .prod_menu .view .view_cur_0 {
        background-position: -663px -99px;
        background-color: #fff;
    }

    .prod_menu .view .view_1 {
        background-position: -619px -99px;
    }

    .prod_menu .view .view_cur_1 {
        background-position: -704px -99px;
        background-color: #fff;
    }

    .prod_menu .page {
        border-left: 1px #d4d4d4 solid;
        padding: 0 15px;
    }

    .prod_menu .page em, .prod_menu .page a {
        width: 7px;
        height: 12px;
        display: inline-block;
        vertical-align: middle;
        margin-top: -2px;
        cursor: pointer;
    }

    .prod_menu .page em {
        cursor: default;
    }

    .newsletter {
        margin-top: 9px;
        border: 1px solid #ddd;
        padding: 7px;
        background: #F3F5F4;
    }

    .newsletter .c {
        width: 200px;
        margin: 0 auto;
    }

    .newsletter .c img {
        padding-right: 10px;
    }

    .newsletter .c strong {
        font-size: 14px;
    }

    .newsletter .c div {
        margin-top: 10px;
        line-height: 150%;
        color: #999;
        font-size: 11px;
    }

    .newsletter .form {
        text-align: center;
        margin-top: 12px;
    }

    .newsletter .form .form_input {
        margin-bottom: 10px;
    }

    #rec_products {
        border: 1px solid #ddd;
        margin-top: 9px;
        width: 213px;
    }

    #rec_products .title {
        background: #F5F5F5;
        padding: 7px;
        color: #656565;
        padding-left: 10px;
        font-weight: bold;
    }

    #rec_products .pro_list {
        border-top: none;
        border-bottom: none;
        min-height: 300px;
        _height: 300px;
    }

    #rec_products .pro_list .item {
        padding: 8px;
        border-top: 1px solid #ddd;
        zoom: 1;
    }

    #rec_products .pro_list .item:hover {
        background: #f7f7f7;
    }

    #rec_products .pro_list .item .name {
        font-size: 11px;
        height: 33px;
        overflow: hidden;
        line-height: 145%;
    }

    #rec_products .pro_list .item .img {
        width: 90px;
        height: 90px;
        text-align: center;
        float: left;
    }

    #rec_products .pro_list .item .img img {
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle;
    }

    #rec_products .pro_list .item .price {
        width: 90px;
        float: left;
        margin-left: 15px;
        padding-top: 8px;
    }

    #rec_products .pro_list .item .price font {
        font-weight: bold;
        color: #9C0001;
    }

    #rec_products .pro_list .item .price a {
        color: #666;
        text-decoration: underline;
        font-size: 11px;
    }

    #prod_list .pro_item .prod_action {
        height: 44px;
        margin-top: 5px;
    }

    #prod_list .pro_item .prod_action > div {
        overflow: hidden;
        /*opacity: 0;*/
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
    }

    #prod_list .pro_item .prod_action > div > a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        display: inline-block;
        border: 3px #e9e9e9 solid;
        background-image: url(/static/theme/default/images/prod_action.png);
        background-repeat: no-repeat;
    }

    #prod_list .pro_item .prod_action > div > a:hover {
        border-color: #232323;
        background-color: #232323;
        color: #fff;
    }

    #prod_list .pro_item .prod_action .addtocart {
        margin-left: 20%;
        opacity: 1;
    }

    #prod_list .pro_item .prod_action .addtocart > a {
        background-position: 3px -98px;
        text-indent: -9999px;
        text-decoration: none;
    }

    #prod_list .pro_item .prod_action .addtocart > a:hover {
        background-position: 3px -66px;
    }

    #prod_list .pro_item .prod_action .wishlist > a {
        background-position: center -32px;
    }

    #prod_list .pro_item .prod_action .wishlist > a:hover {
        background-position: center 0;
    }

    #prod_list .pro_item .prod_action .compare > a {
        background-position: center -164px;
    }

    #prod_list .pro_item .prod_action .compare > a:hover {
        background-position: center -131px;
    }

    #prod_list .pro_item:hover .prod_action > div {
        opacity: 1;
    }

    .pro_right {
        width: 96%;
        padding: 2%;
    }
}