.MainContainer .sortCont {
    width: 250px;
    position: absolute;
    padding-top: 50px;
    z-index: 100000;
    left: 0;
    top: -50px;
    display: none;
}
.m-main{width:1200px; margin:25px auto; overflow:hidden;}
.header{height:40px;line-height:40px;}
/* mainL */
.mainL{float:left; width:920px;}
.m-seleced{border:1px solid #d5d5d5; }
.m-seleced .header{background:#e2e1e1;}
.m-seleced .header .m-title{background:#f0f0f0; width:340px; position:relative;}
.m-seleced .header .m-title:after{content:''; display:block; width:64px; height:40px; position:absolute; right:-62px; top:0px; background:url('list1.png') right center no-repeat;}
.m-seleced .header .m-title span{display:inline-block; margin:11px; height:18px; line-height:18px; color:#7e7e7e; font-size:14px;}
.m-seleced .header .m-title span.title1{border-left:3px solid #666; padding:0 10px; color:#333; font-size:16px; font-weight:600;}
.m-seleced .cont{padding:20px; }
.m-seleced .cont dl{overflow:hidden; height:25px; line-height:25px; padding:20px 0; border-bottom:1px dashed #e3e3e3;}
.m-seleced .cont dl dt{float:left; margin-right:10px;}
.m-seleced .cont dl dd{float:left; margin-right:10px; padding:0 8px;}
.m-seleced .cont dl dd a,.m-seleced .cont dl dt{font-size:14px;}
.m-seleced .cont dl dd:hover,.m-seleced .cont dl dd.ck{background:#1b9ee9;}
.m-seleced .cont dl dd:hover a,.m-seleced .cont dl dd.ck a{color:#fff;}
.m-list{margin-top:20px;}
.m-list .header{border:1px solid #d5d5d5;}
.m-list .header span{display:inline-block; padding:0 20px; background:url('list4.png') right center no-repeat;}
.m-list .header span a{font-size:16px;}
.m-list .header span.ck{background:#1b9ee9; background-img:none;}
.m-list .header span.ck a{color:#fff;}
.m-list .cont{margin:20px 0; overflow:hidden;}
.m-list .cont dl{float:left; width:300px; border:1px solid #e7e7e7; margin-bottom:10px;}
.m-list .cont dl:hover{ border:1px solid red; }
.m-list .cont dl.listL{margin:0 7px;}
.m-list .cont dl dt{padding:10px; width:280px; height:280px; text-align:center;}
.m-list .cont dl dt a img{max-width:280px; height:280px;}
.m-list .cont dl dd{padding:10px 10px; overflow:hidden;}
.m-list .cont dl dd.title{height:50px; line-height:20px; padding:10px 10px 0 10px;}
.m-list .cont dl dd.title a{font-size:14px;}
.m-list .cont dl dd .price{width:155px; float:left; font-size:15px;}
.m-list .cont dl dd .price strike,.m-list .cont dl dd .price span{display:block; line-height:25px;}
.m-list .cont dl dd .price strike{color:#999;}
.m-list .cont dl dd .price span em{color:#ff3a3a;}
.m-list .cont dl dd .go{float:right;width:70px; height:40px; background:#1b9ee9 url('list7.png') 10px center no-repeat;padding:0 10px 0 40px; line-height:40px;}
.m-list .cont dl dd .go a{color:#fff; font-size:16px;}

.m-list .cont .img_box{display:block;height:276px;max-width:279px;position:relative}
.m-list .cont .img_box img{display:block;height:276px;max-width:279px;}
.black_box {width:276px;height:276px;background:rgba(0,0,0,0.5); ; position:absolute; top:0px;left:0px; display:none}

.m-list .cont .img_box .black_box h3{ 
	color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding-top: 52px;
    
	}
.m-list .cont .img_box .black_box span{
	  background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    display: block;
    margin: 26px 0 0 76px;
  
    width: 120px;
   
	}
.m-list .cont .img_box .black_box span img{
	display:block;
	max-width:120px;
	height:120px; border-radius:5px;
	}
.m-list .cont .img_box:hover .black_box{display:block;}

/* mainR */
.mainR{float:right; width:248px;}
.m-listR {border:1px solid #d5d5d5;}
.m-listR .header{background:#485156;}
.m-listR .header span{padding-left:50px; background:url('list2.png') 15px center no-repeat; font-size:16px; color:#fff; font-weight:600;}
.m-listR .cont{padding:0 20px 16px 20px;}
.m-listR dl{padding:20px 0 10px 0; border-bottom:1px dashed #e3e3e3;}
.m-listR dl dt{width:200px; height:200px; text-align:center; position:relative;}
.m-listR dl dt .black_div{width:200px;height:200px;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;text-align:center;color:#fff;font-size:14px;display:none;}
.m-listR dl dt .black_div h3{margin-top:22px;}
.m-listR dl dt .black_div span{display:block;width:120px;height:120px;margin:19px 40px}
.m-listR dl dt .black_div img{display:block;width:120px;height:120px; border-radius:5px;}
.m-listR dl dt:hover .black_div{display:block;}
.m-listR dl dt span.flag{display:block;width:40px; height:40px;background:url('list3.png') no-repeat; position:absolute; top:0; right:0px; color:#fff;}
.m-listR dl dt span em{display:block; padding:5px 0 0 22px;}
.m-listR dl dt img{max-width:200px; height:200px;}
.m-listR dl dd.title{max-height:60px; line-height:18px; overflow:hidden; margin:8px 0;}
.m-listR dl dd.title a{font-size:14px;}
.m-listR dl dd span{display:inline-block; width:50%; line-height:30px; font-size:15px;}
.m-listR dl dd span.L{color:#ff5a00;}
.m-listR dl dd span.R{color:#666; text-align:right;}
/* showpage */
.showpage{text-align:center; padding-top:15px;}
.showpage a{display:inline-block; padding:5px 8px; border:1px solid #d5d5d5; border-radius:3px; color:#666; font-size:15px; margin-right:8px;}
.showpage a:hover,.showpage a.ck{background:#1b9ee9;}
.showpage a:hover font,.showpage a.ck font{color:#fff;}
