
#nContainer{height:900px; background:url(../../img/bg_m.jpg) no-repeat center top; padding-top:60px;margin:0 auto 0;}


/* Intro */
#wrap{max-width:1380px;margin:0px auto;}

.item_wrap{position:relative;overflow:hidden;}
.item_wrap > div{float:left}
.rotation_item{position:relative;width:230px;height:210px;z-index:50;perspective:500px;-webkit-perspective: 500px;}
.rotation_item .rect{position:absolute;top:50%;left:-50%;width:100%;height:100%;margin-left:50%;margin-top:-50%;z-index:50}
.rotation_item img {width:100%;}

.rotation_item .rect > div{position:absolute;top:0;left:0;display:block;width:100%;height:100%;}
.rotation_item .rect > div.front{z-index:100;}

.rotation_item .rect > div.front .sample_box{width:100%;height:100%}
.rotation_item .rect .drop_black{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#000;opacity:0;z-index:10}
.rotation_item .rect > div.end{color:#fff;background-color:#000;display:none;z-index:0;transform:rotateY(180deg);-webkit-transform: rotateY(180deg)}
.rotation_item .rect > div.end_on{display:none;z-index:0;transform:rotateY(180deg);-webkit-transform: rotateY(180deg)}

.rotation_item.main_box{position:absolute;top:50%;left:50%;width:460px;height:420px;z-index:50}
.rotation_item.main_box{perspective:1000px;-webkit-perspective:1000px}


.viewMbottom{height:58px;text-align:center;position:relative; top:8px; padding-bottom:50px;}
.viewbottom{height:58px;text-align:center;position:relative; padding-bottom:50px;}


/* Layer Wrap */
#layerMask {position:absolute;left:0;top:0;z-index:9998;background-color:#000;display:none;filter:alpha(opacity=80);opacity:0.8;width:100%;}
/*.layerWrap .layerTitle h2 {padding:8px 0 0 40px; font-size:18px; line-height:22px;}*/
.layerWrap {position:absolute; z-index:9999;display:none;border:0px solid #333333;}
.layerWrap .layerTitle {height:40px;padding:18px 0 0 20px;background:#4b90cd;font-size:18px;*line-height:22px;color:#fff;font-weight:bold;}
.layerWrap .layerTitle_map {height:82px;background:url(/images/bg/layer_map_bg.png) no-repeat left top;}
.layerWrap .layerTitle_map dl {margin-left:50px;margin-top:5px;}
.layerWrap .layerTitle_map dl dt {font-size:18px;color:#fff;font-weight:bold;margin-bottom:7px;}
.layerWrap .layerTitle_map dl dd {color:#dedede;margin-bottom:5px;}
.layerWrap .layerCont {padding:30px 20px;background:#fff;}
.layerWrap .layerCont.map {padding:0;background:none;}
.layerWrap .layerCont .scrollBox {border:1px solid #ededed;background:#fafafa;padding:10px;font-size:11px;overflow-y:auto;height:90px;}
.layerWrap .layerCont .authCover {}
.layerWrap .layerCont .authCover ul {display:inline-block;zoom:1; *display:inline;border:1px solid #ebebeb;width:100%;}
.layerWrap .layerCont .authCover ul li {float:left;background:#fcfbfb;text-align:center;width:50%;margin-left:-1px;border-left:1px solid #ebebeb;padding:45px 0 50px;}
.layerWrap .layerCont .authCover ul li:first-child {margin-left:0;border-left:none;}
.layerWrap .layerCont .authCover ul li .txt {font-size:14px;margin-top:15px;color:#444;}
.layerWrap .layerCont .authCover ul li.info {width:100%;border-top:1px solid #ebebeb;padding:20px 0;position:relative;}
.layerWrap .layerCont .authCover ul li.info p {text-align:left;padding-left:20px;}
.layerWrap .layerCont .authCover ul li.info .btn_pack {position:absolute;top:18px;right:15px;}
.layerWrap .close {position:absolute; right:20px; top:18px;}
.layerWrap .close.out {top:0;right:-57px;}
.layerWrap .download {position:absolute;left:50%;bottom:-55px;margin-left:-75px}
.layerWrap .choiceCont {padding:50px 0 0 50px;height:743px;background:#fff url(/images/bg/layer_choice_bg.png) no-repeat right 200px;position:relative;}
.layerWrap .choiceCont h3 {margin-bottom:50px;}
.layerWrap .choiceCont .choiceMenu {width:251px;float:left;}
.layerWrap .choiceCont .choiceMenu li {margin-top:-1px;}
.layerWrap .choiceCont .choiceItem {display:none;float:left;margin-top:0;margin-left:10px;width:296px;}
.layerWrap .choiceCont .choiceItem li {background:#fff;border:1px solid #e4e4e4;margin-left:-1px;margin-top:-1px;width:146px;height:269px;float:left;}

/*20140319*/
.layerWrap .layerCont .cont_title{margin:0 0 30px 20px;}
.layerWrap .tabWrap .tabMenu{margin-left:20px;display:inline-block;position:relative;}
.layerWrap .tabWrap .tabMenu > li{float:left;width:130px;text-align:center;background:#fff;height:40px;border:solid 1px #e4e4e4;}
.layerWrap .tabWrap .tabMenu > li:first-child {margin-left:0;}
.layerWrap .tabWrap .tabMenu > li.on{border:solid 1px #7d92a4;background:#8b9eaf;}
.layerWrap .tabWrap .tabMenu > li.on > a{color:#fff; font-weight:bold;}
.layerWrap .tabWrap .tabMenu > li > a{display:block;height:40px;line-height:40px;font-size:14px;}
.layerWrap .tabWrap .tabMenu .cont {position:absolute;top:50px;left:0;text-align:left;width:100%;display:none;}
.layerWrap .tabWrap .tabMenu > li:first-child .cont{display:block;}

.layerWrap .tabWrap .tabMenu .cont .filter_intro{font-size:14px;}
.layerWrap .tabWrap .tabMenu .cont .filter_intro > li{margin-top:20px;}
.layerWrap .tabWrap .tabMenu .cont .filter_intro .title{color:#666;line-height:22px;}
.layerWrap .tabWrap .tabMenu .cont .filter_intro .filter_cont{line-height:22px;letter-spacing:-1.2px;}
.layerWrap .tabWrap .tabMenu .cont .filter_intro .filter_cont > li{line-height:22px;}

.layerWrap .tabWrap .tabMenu.type02 > li{width:119px;border-left:none;}
.layerWrap .tabWrap .tabMenu.type02 > li:first-child{width:118px;border-left:solid 1px #e4e4e4;}
.layerWrap .tabWrap .tabMenu.type02 > li.on:first-child{width:118px;border-left:solid 1px #7d92a4;}
/*20140319*/



