.inban{width:100%;}
.inban img{width:100%;}

.news_sub_bg{width:100%; background:#f2eeed; box-shadow:0px 2px 2px #ccc; padding:15px 0;}
.sub_nav a{ display:inline-block; padding:0 15px; background:none; margin:0; font-size:16px;}
.sub_nav a.nobor{border-right:none;}

.progress{text-align:center;}
.progress a{display:inline-block; margin:0 2px; width:190px; height:99px; border:1px solid #c9c9c9; font-size:18px; color:#5c5a5a; line-height:99px; text-indent:4em; transition:border 1s,color 1s;}
.progress .prog1{background:url(../images/fiveicon.png) 22px center no-repeat;}
.progress .prog2{background:url(../images/fiveicon.png) -172px center no-repeat;}
.progress .prog3{background:url(../images/fiveicon.png) -377px center no-repeat;}
.progress .prog4{background:url(../images/fiveicon.png) -577px center no-repeat;}
.progress .prog5{background:url(../images/fiveicon.png) -777px center no-repeat;}
.progress .prog6{background:url(../images/fiveicon.png) -977px center no-repeat;}
.progress a:hover{/*border:1px solid #eb4951; color:#eb4951;*/}

/*筛选条件样式*/
.screen-box{ position:relative; border:1px solid #e8e8e8; font-size:14px;}
	.screen-box:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.screen-box dl{ clear:both; display:block; border-top:1px solid #f7f7f7; }
	.screen-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.screen-box dl:first-child{ border-top:none; }
	.screen-box dl dt{ display:block; float:left; padding-left:20px; width:100px; color:#555; line-height:40px; text-indent:2em;}
	.screen-box dl dt.sl_space{background:url(../images/proicon.png) 12px 8px no-repeat;}
	.screen-box dl dt.sl_pro{background:url(../images/proicon.png) 12px -42px no-repeat;}
	.screen-box dl dt.sl_style{background:url(../images/proicon.png) 12px -88px no-repeat;}
	.screen-box dl dt.sl_price{background:url(../images/proicon.png) 12px -137px no-repeat;}
	.screen-box dl dd{ position:relative; margin-left:112px; padding-top:5px; overflow:hidden; }
	.screen-box dl dd a{ display:inline-block; margin:0 5px 5px 0; padding:6px 10px; border:1px solid #fff; font-size:14px; line-height:1em; }
	.screen-box dl dd a:hover{ color:#fd8821;}
	.screen-box dl dd a.selected{ border-color:#fff; color:#fff; background:#fd8821; }
	
/*排序样式*/
.sort-box{ height:38px; border:1px solid #e8e8e8; background:#f7f7f7; overflow:hidden; }
	.sort-box a{ display:block; float:left; margin-left:-1px; padding:0 15px; line-height:38px; height:38px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; color:#333; font-size:14px; }
	.sort-box a:hover,.sort-box a.selected{ color:#fd8821; background:#fff; }
	
.news_tit{text-align:center; font-size:22px; color:#000; padding-bottom:10px;}	
.news_tit2{text-align:center; font-size:16px; color:#999; padding-bottom:15px; border-bottom:1px solid #bbb;}	
.news_det_tit{font-size:28px; text-align:center; padding:20px 0; border-bottom:1px solid #ddd;}
.news_det_con{padding:20px 0;}
.imglist{width:100%; display:block;}
.imglist li{width:366px; height:398px; position:relative; float:left; border:1px solid #ccc; margin-right:12px; margin-top:19px; transition:border-color 0.7s;}
.imglist li.nomar{margin-right:0;}
.imglist li:hover{border-color:#f25618;}
.imglist li .zoomwrap{width:366px; height:262px; display:block; overflow:hidden; position:relative;}
.imglist li .zoomwrap img{width:366px; height:262px; position:absolute; left:0; top:0; transition:width 1s,height 1s,top 1s,left 1s;}
.imglist li:hover .zoomwrap img{width:396px; height:292px; left:-15px; top:-15px;}
.imglist li .whatsnew{position:absolute; left:0; top:0; z-index:10;}
.imglist li h1{font-size:16px; color:#000; padding:10px 10px 0 10px;}
.imglist li h2{font-size:14px; padding:10px 10px 0 10px;}
.imglist li .pg_bar{width:94%; height:8px; background:#ececec; margin:15px auto 0 auto; border-radius:4px; overflow:hidden;}
.imglist li .pg_bar .pgs1{width:50%; height:100%; background:#fdb31c;}
.imglist li .totalnum{width:100%; margin:15px auto 0 auto; position:relative; height:27px;}
.imglist li .totalnum .joinum{position:absolute; left:10px; top:0;}
.imglist li .totalnum .joinum strong{font-size:20px; color:#fe5842;}
.imglist li .totalnum .neednum{position:absolute; right:0; top:5px; background:#5ad2a4; color:#fff; padding:0; font-size:14px;}
.imglist li .enterbtn{width:167px; height:45px; background:url(../images/enterbtn.jpg) left top no-repeat; margin:0 auto; font-size:14px; color:#fff; line-height:43px; text-indent:1.9em; transition:background 0.5s;}
.imglist li:hover .enterbtn{background:url(../images/enterbtn.jpg) left bottom no-repeat;}
.imglist li .cmt_stars{width:60px; height:12px; background:url(../images/o2o11_66.png) repeat-x; margin-top:20px; position:relative; margin:20px 0 0 14px;}
.imglist li .cmt_stars .cmt_stars_good{height:12px; background:url(../images/o2o11_152.png) repeat-x; display:inline-block; vertical-align:top;}
.imglist li .cmt_stars .cmt_num{position:absolute; top:-4px; left:70px; width:140px; font-size:14px; color:#000;}

div.digg{ margin:0; padding:0; text-align:left; font-size:14px; }
div.digg a{ display:block; float:left; padding:5px 12px; margin:0 0 0 8px; border:1px solid #e1e2e3; line-height:20px; height:20px; color:#999; background:#fff; text-decoration:none; transition:border 0.7s,color 0.7s;}
div.digg a:hover { border:1px solid #f25618; color:#f25618; }
div.digg span{ display:block; float:left; padding:5px 0; line-height:20px; height:20px; }
div.digg span.current { padding:5px 12px; margin:0 0 0 8px; color:#555; font-weight:bold; }
div.digg span.disabled { border:1px solid #eee; padding:5px 12px; margin:0 0 0 8px; color:#ddd; }

.spec_zone{width:100%; height:514px; background:url(../images/specbg.jpg) center top no-repeat;}
.speciality{text-align:center;}
.speciality a{display:inline-block; font-size:18px; color:#fff; width:19%; padding-top:138px; }
.speciality .spec1{background:url(../images/fiveicon2.png) 60px top no-repeat;}
.speciality .spec2{background:url(../images/fiveicon2.png) -152px top no-repeat;}
.speciality .spec3{background:url(../images/fiveicon2.png) center top no-repeat;}
.speciality .spec4{background:url(../images/fiveicon2.png) -576px top no-repeat;}
.speciality .spec5{background:url(../images/fiveicon2.png) -790px top no-repeat;}

.speciality a:hover{
    -webkit-animation-name: shake;
	-webkit-animation-duration: 0.75s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
    }

.reco_news_ul{width:100%; display:block; padding-top:8px;}
.reco_news_ul li{width:94%; padding:0 3%; line-height:25px; float:left; border-bottom:1px dashed #ccc; margin-bottom:8px; padding-bottom:8px;}