@-ms-viewport       { width: device-width; }

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

body{background:#D6B360;}
a{text-decoration: none; color: #646464;}
a:hover,a:visited,a:active{text-decoration: none;}
.container{width:100%;margin:0; padding:0; min-width: 1250px;}

.col-md-2,.col-md-10{margin:0;padding:0;}
.col-md-2{width: 284px;height: 100%; position: fixed;left: 0; top: 0; z-index: 2010; display: block; background: #FFF;}
.col-md-10{padding-left: 284px;width: 100%; min-width: 995px;overflow: hidden;min-height: 780px;background: #FFF;}
.col-md-10 img{ width: 100%;}

.menu-container{padding: 0 0 50px 0; margin: 0; background: #FFF;}
.faboer-menu,.faboer-menu ul{text-align: center; padding: 0; margin: 0 ;font-size: 14px; font-weight: 700; color: #646464; }
.faboer-menu{padding: 40px 0;}
.faboer-menu a{font-size: 14px;font-weight: 700;display: block; line-height: 100%; padding: 20px 0; cursor: pointer;}
.faboer-menu li{list-style: none; padding: 0; margin: 0; position: relative;height: 50px; line-height: 50px; cursor: context-menu;}
.faboer-menu li:hover,.faboer-menu li.active{background: #F2E8CC;}
.faboer-menu li:hover>a,.faboer-menu li.active>a {color: #645a4e;}
.faboer-menu li>ul{display: none;background: rgb(255,255,255); background: rgba(255,255,255,0.75);width: 284px;border-right: 1px #666 solid;border-bottom: 1px #666 solid;position: absolute;left: 284px; top: 0; z-index: 1;}
.faboer-menu li:hover>ul{display: block;}

.menu-icon{text-align: center;padding: 10px 0; font-size: 12px;}
.menu-icon a{margin: 0 5px;}
.slide-contact{text-align: center;padding: 25px 0;}

.page-head{height: 162px;background: none; overflow: hidden;}
.page-head h2{color: #FFF; margin: 95px 0 0 80px; font-size: 20px; }
.page-main{overflow: hidden; padding: 0; min-height: 625px;}

.slideshow{padding: 0}
.slideshow li{list-style: none;padding: 0}
.slideshow li img{min-width: 700px;}

.slideshow-title{position: absolute;top: 320px;height: 330px;overflow: hidden; z-index: 999;}
.title-text{font-size: 50pt;line-height: 1.1em; font-family: "simsun"}
.title-img{bottom: 0;}

.p1{background: url('../images/faboer/p1/P1.jpg') 284px 0 no-repeat;
    background-attachment: fixed; min-width: 1320px;}
.page-1-bg{position: absolute;top: 0; left: 0; height: 100%; width: 100%; opacity: 0.5;
    filter: alpha(opacity=50); background: #000;}
.page-1{color: #FFF;position: relative; top: 0;}
.page-1-text{margin: 70px 0 70px 50px; width: 510px; height:420px;position: relative;text-align: justify; line-height: 1.5em;}
.page-1-slide{width: 445px;position: absolute; left: 590px; margin: 70px 0;}
.page-1 img {}
.page-1-slide>img,.page-1-slide .slideshow li img {height: 420px; min-width: 100px; width: auto;}

.page-list-head{height: 162px;background: none; overflow: hidden; z-index: 1010;position: relative;}
.page-list-head h2{color: #FFF; margin: 95px 0 0 80px; font-size: 21px; }
.page-list{height: 556px; color: #FFF;position: relative; z-index: 1010; margin-bottom: 64px;}
.page-list-bg{position: absolute;top: 0; left: 0; height: 556px; width: 100%; opacity: 0.5;
                                                                             filter: alpha(opacity=50); background: #000;}
.page-list-text{margin: 0; text-align: justify; line-height: 1.5em;}
.page-slideshow{position: absolute;left: 284px; top: 0;width: 100%;}

.page-album{color: #FFF;position: relative;min-height: 800px;}
.page-album-bg{position: absolute;top: 475px; left: 0; height: 175px; width: 100%; opacity: 0.5;
    filter: alpha(opacity=50); background: #000;}
.album-list{position: absolute;top: 475px; left: 0; height: 175px; padding: 0 60px;}
.album-list a{ display: inline-block; margin: 0 10px;}
.album-list a:hover{opacity: 0.8; filter: alpha(opacity=80);}
.album-list .l_btn{background: url("../images/button.png") -343px 0; width: 50px; height: 125px;}
.album-list .r_btn{background: url("../images/button.png") -393px 0; width: 42px; height: 125px;}
.album-list a.album-btn{margin-top: -35px;}
.album-list a.album-btn>img {width: 323px;height: 169px;}

.btn-container{width:690px;position: relative; height: 210px; display: inline-block; margin: 0 30px; overflow: hidden;margin-top: -35px;}
.btn-container>div{position: absolute;}
.btn-container a.album-btn{position: absolute;margin-top: 0;}

#mybtn{width: 100%;height: 100%;}
.fancybox-overlay-fixed{background: #FFF;}
/*.album-box{ background: #FFF;}*/
.fancybox-close{background: url("../images/button.png") -183px -95px; width: 32px; height: 32px; position: absolute;
    top: 50px; right: 50px; z-index: 8090}
.fancybox-zoomin{background: url("../images/button.png") -250px -95px; width: 32px; height: 32px; position: absolute;
    top: 100px; right: 50px; z-index: 8090}
.fancybox-zoomout{background: url("../images/button.png") -290px -95px; width: 32px; height: 32px; position: absolute;
    top: 100px; right: 50px; z-index: 8090}
.fancybox-next{display: inline-block;}
.fancybox-next span{background: url("../images/button.png") -488px -5px; width: 50px; height: 85px;text-indent: -9999px;display: inline-block;
    visibility: visible;}
.fancybox-prev{display: inline-block;}
.fancybox-prev span{background: url("../images/button.png") -438px -5px; width: 50px; height: 85px;;text-indent: -9999px; display: inline-block; visibility: visible;}

.p2{background: url('../images/faboer/p2/P2_bg.jpg') 284px 0 no-repeat;}

.page-3{min-height: 778px;}
.page-3-text {width: 290px;height: 390px; position: absolute; top: 320px; left: 300px; color: #661900; z-index: 9;text-align: justify; line-height: 1.5em;}
.page-3-text h3{ border-bottom: 1px #000 solid; font-size: 15px; padding: 3px;}
.page-3-text table{margin-left: 50px; font-size: 12px;}
.page-3-text tr{display: block;margin: 10px 0;}
.page-3-text tr>td:first-child{ width: 56px; padding-right: 5px;}
.page-3-map{position: relative; top: 140px; left: 340px;}

.page-4{margin-bottom: 80px; position: relative;}
.float-menu{position: fixed; top: 290px;right: 30px;width: 120px; font-size: 13px;}
.float-menu a{font-size: 13px;}
.float-menu ul{list-style: none;margin: 0;padding: 15px 8px; background: #EBDCBD; border: 1px #000 solid;}
.float-menu ul li{margin: 3px 0; padding: 3px 0;text-align: center; border-bottom: 1px #333 solid;}
.float-menu-bottom{background: #000; color: #FFF; text-align: center; padding: 15px 0;}
.float-menu-bottom span{display: block;}
.page-4 .item{margin: 50px 25px 0 25px;}
.page-4 .item h3{font-size: 20px;color: #000; border-bottom: 2px #000 solid; padding: 8px 5px; }
.page-4 .item h3 a{color: #000; cursor: default;}
.page-4 .item table{margin-right: 180px;}
.page-4 .item tr{ margin: 5px; background: #FFF; display: block;}
.page-4 .item th{font-size: 16px; background: #FEF4D8; width: 200px; text-align: right; padding: 8px 15px; vertical-align: top;}
.page-4 .item td{font-size: 13px; padding: 8px 20px;}


/* news */
.news{padding-top:-30px; padding-right:20px; position: relative; top: 30px; width: 570px; height: 500px; margin-left: 50px;}
.news-list{padding: 30px 0 10px; list-style: none; border-bottom: 1px #FFF solid; min-height: 160px;}
.news-item { width: 240px; display: inline-block; float: right;}
.news-item .cdate{}
.news-item .title{ margin: 0.5em 0 1em 0;}
.news-item .title a{ font-size: 16px;text-decoration: none; color: #FFF;}
.news-item .summary{}
.news-list>a{width: 228px; overflow: hidden; height: 150px; display: inline-block;}
.news-list>a>img,.news-list>img{width: 228px; margin: 0; }

ul.news-img li{width: 500px;}
ul.news-img li img{width: 500px;min-width: 450px;}

.news-page{position: relative; top: 30px; width: 570px; height: 500px;padding: 0 20px; margin-left: 30px;}
.page-main .back_btn{text-align: center;margin: 20px; position: relative;}


.flv{
    display:block;
    text-align:center;
    vertical-align:middle;
    position: relative;
}


/* album */
.picshow {
    margin: 0px auto; width:100%; height: 560px; padding-top: 20px;
}

#picarea {
    margin: 0px auto; width: 958px;  height: 620px
}
#bigpicarea {
    position: relative; margin: 0px auto; width: 774px; height: 482px; overflow: hidden
}
.image {
    text-align: center
}
.image img {
     margin: 0px auto;
}
#bigpicarea .word {
    text-align: center; height: 50px; color: #333
}
#bigpicarea .word h3 {
    text-align: center; line-height: 48px; height: 48px; color: #333; font-size: 14px
}
#bigpicarea .ui-els-hide {
    display: none
}
#thumbs {
    list-style-type: none; margin: 0px auto; width: 830px; height: 110px
}
* html #thumbs {
    height: 100%
}
#thumbs li {
    margin: 0px 7px; width: 90px; display: inline; float: left; height: 60px
}
#thumbs ul {
    margin-top: 3px
}
#thumbs li.last_img {
    margin-right: 4px
}
#thumbs li.first {
    margin: 25px 10px 0px 15px; width: 9px; height: 16px; cursor: pointer
}
#thumbs li.last {
    margin: 25px 10px 0px 15px; width: 9px; height: 16px; cursor: pointer
}
#thumbs li a {
    width: 90px; display: block; font-size: 0px;
}
#thumbs li a:hover {

}
#thumbs li a.current {

}
#thumbs li.first img {

}
#thumbs li.last img {

}
.bigbtnprev {
    z-index: 100; position: absolute; width: 35px; height: 51px; top: 186px; cursor: pointer; left: 30px
}
.bigbtnnext {
    z-index: 100; position: absolute; width: 35px; height: 51px; top: 186px; cursor: pointer; right: 30px
}
#big_play_prev {
    background: url("/data/template/faboer/images/button.png") -225px 0; width: 65px; display: block; height: 108px; _background: none; _filter: progid:dximagetransform.microsoft.alphaimageloader(sizingmethod=crop,src='../images/leftbig.png')
}
#big_play_next {
    background: url("/data/template/faboer/images/button.png") -290px 0; width: 50px; display: block; height: 108px; _background: none; _filter: progid:dximagetransform.microsoft.alphaimageloader(sizingmethod=crop,src='../images/rightbig.png')
}
#smallpicarea {
    margin: 0px auto; width: 958px; border-top: #ececec 1px solid; padding-top: 20px
}

.news-list{}
.news_content{font-size: 12px;}

.fit-vids-style{height: 0}

.mCSB_scrollTools{left: 0;}

.icon-tmall{display: inline-block;width: 35px; height: 35px; background: url("../images/icon.png") 0 0 no-repeat;text-indent: -9999px;}
.icon-tmall-disabled{background: url("../images/icon.png") 0 -35px no-repeat;}
.icon-jd{display: inline-block;width: 35px; height: 35px; background: url("../images/icon.png") -35px 0 no-repeat;text-indent: -9999px;}
.icon-jd-disabled{background: url("../images/icon.png") -35px -35px no-repeat;}
.icon-weixin{display: inline-block;width: 35px; height: 35px; background: url("../images/icon.png") -70px 0 no-repeat;text-indent: -9999px;}
.icon-weixin-disabled{background: url("../images/icon.png") -70px -35px no-repeat;}
.icon-weibo{display: inline-block;width: 35px; height: 35px; background: url("../images/icon.png") -106px 0 no-repeat;text-indent: -9999px;}
.icon-weibo-disabled{background: url("../images/icon.png") -106px -35px no-repeat;}