@charset "UTF-8";
 /* CSS Document */
 /* ************************
	goods
***************************/

 .newGoods ul {
   overflow: hidden;
   padding: 0;
   margin: 0;
 }

 .newGoods ul li.def {
   width: 228px;
   height: 330px;
   float: left;
   border-top: solid 1px #FFDE17;
   border-bottom: solid 1px #FFDE17;
   border-left: solid 1px #FFDE17;
   border-right: solid 1px #FFDE17;
   position: relative;
   list-style: none;
   margin-top: 0;
   margin-right: 0;
   margin-bottom: 20px;
   margin-left: 10px;
   background-color: rgba(249, 247, 247, 0.64);
   position: relative;
 }
 .newGoods ul li.def span{
    position: absolute;
    padding: 2px 5px 1px 5px;
    border: double 3px #E84DCE;
    color: #E84DCE;
    font-size: 11px;
    margin: -30px 15px;
    background: #fff;
}

 .newGoods ul.ellong li {
   height: 350px;
 }

 .newGoods ul li:first-child {
   margin-left: 0px;
 }

 .newGoods ul li:nth-child(n + 4){
   float: right;
   margin-left: 0px;
 }

 .newGoods ul li.no {
   width: 212px;
   height: 292px;
   float: left;
   background: initial;
   border: none;
   margin-top: 0;
   margin-right: 0;
   margin-bottom: 20px;
   margin-left: 10px;
 }

 .newGoods ul li p.img {
   text-align: center;
    width: 100%;
    height: 162px;
    margin-top: -10px;
 }

 .newGoods ul li p.img .col {
   width: 100%;
 }

 .newGoods ul li p img.soldout {
   position: absolute;
   left: 10px;
   top: 10px;
   border: none;
 }

 .newGoods ul li h4 {
color: #000;
    font-size: 13px;
    padding: 5px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 5px;
    display: block;
    background: rgb(255, 222, 23);
 }

 .newGoods ul li p.sain {
   font-size: 13px;
   line-height: 1.5;
   color: #8AA3B7;
   padding: 0 8px;
 }

 .newGoods ul li p.note {
   font-size: 11px;
   color: #333;
   padding: 0 5px;
 }


 .newGoods ul li p.comm {
   font-size: 13px;
   color: #333;
   padding: 0 5px;
   font-weight:bold
 }

 .newGoods ul li p.price {
   color: #333333;
   font-size: 16px;
   font-weight: bold;
   position: absolute;
   left: 8px;
   bottom: 8px;
   margin: 0;
 }

 .newGoods ul li p.new {
   padding-bottom: 2px;
   float: right;
   padding-right: 4px;
   padding-top: 2px;
 }

 p.new02 {
   float: right;
   padding-top: 2px;
   padding-right: 4px;
 }

 .newGoods ul li p.zoom {
   width: 55px;
   height: 21px;
   position: absolute;
   right: 8px;
   bottom: 10px;
 }
 
 .newGoods ul li p.zoom1 {
    width: 80px;
    height: 21px;
    position: absolute;
    right: 5px;
    bottom: 35px;
 }
 
  .newGoods ul li p.zoom2 {
    width: 80px;
    height: 21px;
    position: absolute;
    right: 5px;
    bottom: 35px;
 }
 
 .newGoods ul li p.zoom a {
   display: block;
   width: 55px;
   height: 21px;
   background: url(../images/goods/icon_zoom.jpg) 0 0 no-repeat;
   text-indent: 120%;
   overflow: hidden;
   white-space: nowrap;
 }
 
 .newGoods ul li p.zoom1 a.omote {
    display: block;
    width: 80px;
    height: 21px;
    background: url(../images/goods/icon_zoom_omote.jpg) 0 0 no-repeat;
    text-indent: 120%;
    overflow: hidden;
    white-space: nowrap;
    padding-bottom: 5px;
 }
 
  .newGoods ul li p.zoom1 a.ura {
    display: block;
    width: 80px;
    height: 21px;
    background: url(../images/goods/icon_zoom_ura.jpg) 0 0 no-repeat;
    text-indent: 120%;
    overflow: hidden;
    white-space: nowrap;
 }
 
  .newGoods ul li p.zoom2 a.towel1 {
    display: block;
    width: 80px;
    height: 21px;
    background: url(../images/goods/icon_zoom_1.jpg) 0 0 no-repeat;
    text-indent: 120%;
    overflow: hidden;
    white-space: nowrap;
    padding-bottom: 5px;
 }
 
  .newGoods ul li p.zoom2 a.towel2 {
    display: block;
    width: 80px;
    height: 21px;
    background: url(../images/goods/icon_zoom_2.jpg) 0 0 no-repeat;
    text-indent: 120%;
    overflow: hidden;
    white-space: nowrap;
 }
  

 .newGoods ul li a:hover {
   opacity: 0.8;
   filter: alpha(opacity=80);
   display: block;
 }

 .newGoods ul li.comm {
   width: 240px;
   height: 410px;
   float: left;
   border: 1px solid #c8c8c8;
   background-color: #FFE700;
   position: relative;
   list-style: none;
   margin-top: 0;
   margin-right: 0;
   margin-bottom: 20px;
   margin-left: 12px;
 }

 .newGoods ul li.leftcomm {
   margin-left: 0;
   height: 410px;
 }

 .newGoods ul li.leftnew {
   margin-left: 0;
   background-color: #FF9900;
 }

 .newGoods ul li.defnew {
   background-color: #FF9900;
 }

 .newGoods ul li.leftcommnew {
   margin-left: 0;
   height: 410px;
   background-color: #FF9900;
 }

 .conts--goods .img_comm {
   margin-left: 10px
 }

 .elboxarea {
   border: dashed 2px #fff;
   padding: 15px 30px;
   font-size: 14px;
   margin: 0px 0 40px 0;
 }

 .elboxarea--goods {
   padding: 0 15px 15px 15px;
   margin: 0 0 30px 0;
   color: #fff;
   position: relative;
z-index: 100;
 }
.elTextBox .inner{
  position: relative;
}
.tigoods{
background: url(../images/ti_goods.png) no-repeat center top;
    width: 338px;
    height: 184px;
    position: absolute;
    top: -110px;
    right: 0;
    z-index: 0;
 }

 .elboxarea span {
   display: block;
   margin-top: 20px;
 }

 .elboxarea span.elbox {
   font-size: 16px;
   color: #FB7DD4
 }
.elboxarea .elbox a:link, a:visited {
    color: #FB7DD4;
    text-decoration: underline;
}

 .elsoldout {
   color: #ff0000;
   font-size: 13px;
   font-weight: bold;
 }