html { overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{ margin:0; padding:0; }
body{ margin:0;padding:0; font-size:12px; font-family:"Microsoft Yahei";   color:#333;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:100; overflow:hidden;}
img,fieldset,iframe,table{ border:0;}
img { border: none; vertical-align: top; }
input,button,textarea,select{ font-size:12px;}
ul,ol,dl,dt,dd,li{ list-style:none;}
b{ font-weight:100; overflow:hidden;}
em,i{ font-style:normal; }
area { outline:none; border:none;}
a{ color:#333; text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
.clearfix{ clear:both;}
.clearfix{ zoom:1;}
.clearfix:after{ content:'.'; display:block; visibility:hidden; clear:both; width:1px; height:1px;}
.left{ float:left;}
.right{ float:right;}
.f700{ font-weight:700;}
.f100{ font-weight:100;}
.fyahei{ font-family:"Microsoft Yahei";}
.ta_l{ text-align:left;}
.ta_c{ text-align:center;}
.ta_r{ text-align:right;}
.height100 { height:100%;}
.pa{ position:absolute;}
.pr{ position: relative;}
.wrapper{ margin:auto;width:1000px;height: 100%; }
.hidden{ display:none;}
.overflow{ overflow:visible;}
.white { color:#fff;}
.pointer { cursor: pointer; }
.scale { overflow: hidden; }
.scale img { -webkit-transition:-webkit-transform 500ms;transition:transform 500ms; vertical-align:top;}
.scale:hover img { -webkit-transform:scale(1.06);transform:scale(1.06);}
.hide{ display:none;}
.show{ display:block;}
.cover{z-index: 9999; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.95);}
.db{display: block; text-indent: -9999px;}
/*top*/
.nav-top-bg,.nav-top{ position: relative;background:#f7f7f7; line-height:28px; font-family:Verdana;}
.nav-top-bg span a{color:#773b09;}
.nav-top-bg span a:hover{ background-color:#f7f7f7;color:#773b09;}
.nav-top { overflow:hidden;}
.i_logo{ margin-top: 3px;}
.back{float:right;display:block;width:80px;text-align:right;}
.more { color:#b19651;}
.more a{ color:#b19651;}
.more a:hover { color:#fff;}
/*container*/
.wraper{margin: 0 auto; width: 100%; background: url(../../../images/static/funwatch/bg.jpg) no-repeat center 0;}
.container{margin:0 auto; width: 1000px; }
.header{width: 100%; height: 556px; background: url(../../../images/static/funwatch/hd.jpg) no-repeat center 0;}
.content{width: 100%; background: url(../../../images/static/funwatch/ct.jpg) no-repeat center 0;}
/*header*/
.hd-font{left: 429px; top: 326px; width: 350px; height: 70px; background: url(../../../images/static/funwatch/hd-font.png) no-repeat 0px 0px;}
.hd-font i{display: block; width: 70px; height: 70px; border-radius: 50%; background-image: url(../../../images/static/funwatch/hd-font-hover.png); background-position: 0px 0px; background-repeat: no-repeat;}
.hd-gif{left: 161px; top: 184px;}
/*tit*/
.fun-flash1{left: 415px; top: 58px; }
.fun-flash1 i{display: block; width: 60px; height: 40px; border-radius: 30%; background-color: #fff;
opacity: 0.6;
filter: alpha(opacity=60);
-webkit-animation: funshake1 5s -2s infinite linear;
-o-animation: funshake1 5s -2s infinite linear;
animation: funshake1 5s -2s infinite linear;
}

@-webkit-keyframes funshake1 {
	0% { -webkit-transform: translate(0px);}
	50% { -webkit-transform: translate(190px);}
	100% { -webkit-transform: translate(0px);}
}
@-o-keyframes funshake1 {
	0% { -o-transform: translate(0px);}
	50% { -o-transform: translate(190px);}
	100% { -o-transform: translate(0px);}
}
@-moz-keyframes funshake1 {
	0% { -moz-transform: translate(0px);}
	50% { -moz-transform: translate(190px);}
	100% { -moz-transform: translate(0px);}
}
@keyframes funshake1 {
	0% { transform: translate(0px);}
	50% { transform: translate(190px);}
	100% { transform: translate(0px);}
}

/*part1*/
.part1{}
.fun1{width: 100%; height: 630px;}
.tit1{left: 0; top: 11px; width: 1000px; height: 102px; background: url(../../../images/static/funwatch/tit1.png) no-repeat 0 0;}
.fun-tit1{left: 205px; top: 150px; width: 590px; height: 62px; background: url(../../../images/static/funwatch/fun-tit1.png) no-repeat 0 0;}
.fun-flash2{left: 30px; top: 7px; }
.fun-flash2 i{display: block; width: 60px; height: 30px; border-radius: 30%; background-color: #fff;
opacity: 0.6;
filter: alpha(opacity=60);
-webkit-animation: funshake2 5s -3s infinite linear;
-o-animation: funshake2 5s -3s infinite linear;
animation: funshake2 5s -3s infinite linear;
}

@-webkit-keyframes funshake2 {
	0% { -webkit-transform: translate(0px);}
	50% { -webkit-transform: translate(120px);}
	100% { -webkit-transform: translate(0px);}
}
@-o-keyframes funshake2 {
	0% { -o-transform: translate(0px);}
	50% { -o-transform: translate(120px);}
	100% { -o-transform: translate(0px);}
}
@-moz-keyframes funshake2 {
	0% { -moz-transform: translate(0px);}
	50% { -moz-transform: translate(120px);}
	100% { -moz-transform: translate(0px);}
}
@keyframes funshake2 {
	0% { transform: translate(0px);}
	50% { transform: translate(120px);}
	100% { transform: translate(0px);}
}

/*focus*/
.focus-wrap{ width: 550px; height: 330px; left: 0; top: 239px;}
.focus{ width: 550px; height: 330px; overflow: hidden;}
.focus ul{position: absolute; left: 0; top: 0; width: 550px; height: 330px;}
.focus ul li{position: absolute; left: 0; top: 0; width: 550px; height: 330px;}
.arr-left {left: 0; top: 50%; margin-top: -25px; width: 46px; height: 50px; background: url(../../../images/static/funwatch/arr.png) no-repeat 0px 0px;}
.arr-right{right: 0; top: 50%; margin-top: -25px; width: 46px; height: 50px; background: url(../../../images/static/funwatch/arr.png) no-repeat top right;}
.focus-point{left: 0; top: 342px; text-align: center; line-height: 10px; height: 10px; width: 550px; overflow: hidden;}
.focus-point span{display: inline-block; vertical-align: middle; width: 7px; height: 7px; background-color: #a48a68; border-radius: 50%; text-indent: -999px; margin: 0 4px;}
.focus-point span.act{background-color: #000;}
/*fun1*/
.fun-watch1{left: 650px; top: 353px;}
.fun-font{left: 573px; top: 240px; padding: 40px 39px 0 28px; height: 252px; font-size: 14px; line-height: 26px;background: url(../../../images/static/funwatch/fun-bg.png) no-repeat 0px 0px;}
.fun-font a{color: #a48a68;}
/*fun2*/
.fun2{height: 630px;}
.fun-tit2{left: 205px; top: 20px; width: 590px; height: 62px; background: url(../../../images/static/funwatch/fun-tit2.png) no-repeat 0 0;}
.fun-bg2{left: -31px; top: 176px; width: 189px; height: 290px; background: url(../../../images/static/funwatch/fun-bg2.png) no-repeat 0px 0px; padding: 70px 50px 0; font-size: 14px; line-height: 26px;}
.fun-bg2 a{color: #a48a68;}
.watch1{left: 200px; top: 100px;}
.watch2{left: 600px; top: 110px;}
.watch3{left: 467px; top: 263px;}
.watch4{left: 796px; top: 216px;}
.name1{left: 428px; top: 156px; font-size: 14px;}
.name2{left: 768px; top: 138px; font-size: 14px;}
.name3{left: 176px; top: 459px; font-size: 14px;}
.name4{left: 511px; top: 471px; font-size: 14px;}
.name-left{padding-top: 20px; background: url(../../../images/static/funwatch/arr-left.png) no-repeat 0px 0px; width: 300px; }
.name-right{padding-top: 20px; background: url(../../../images/static/funwatch/arr-right.png) no-repeat top right; text-align: right; width: 300px; }
.name-bottom{padding-bottom: 20px; background: url(../../../images/static/funwatch/arr-right.png) no-repeat 80% 100%; text-align: right; width: 300px;}
/*fun3*/
.fun3{height: 770px;}
.fun-tit3{left: 119px; top: 16px; width: 764px; height: 61px; background: url(../../../images/static/funwatch/fun-tit3.png) no-repeat 0 0;}
/*watch5,6,7,8*/
.watch5{left: -17px; top: 120px; width: 400px; height: 535px; overflow: hidden;}
.watch6{left: 507px; top: 145px;}
.watch7{left: 277px; top: 363px;}
.watch8{left: 756px; top: 356px;}
.name6{left: 278px; top: 138px; font-size: 14px;}
.name7{left: 433px; top: 502px; font-size: 14px;}
.name8{left: 485px; top: 628px; font-size: 14px;}
.fun-bg3{left: 620px; top: 140px; width: 278px; height: 190px; background: url(../../../images/static/funwatch/fun-bg3.png) no-repeat 0px 0px; padding: 50px 30px 0 100px; font-size: 14px; line-height: 26px;}
.fun-bg3 a{color: #a48a68;}
/*part2*/
.part2{height: 800px;}
.tit2{left: 0; top: 54px; width: 1000px; height: 110px; background: url(../../../images/static/funwatch/tit2.png) no-repeat 0 0;}
.tit2 .fun-flash1{left: 576px; top: 66px;}
.fun-bg4{left: 5px; top: 43px; width: 302px; height: 171px; background: url(../../../images/static/funwatch/fun-bg4.png) no-repeat 0px 0px; padding: 20px 45px 0 35px; font-size: 14px; line-height: 24px;}
.fun-bg4 a{color: #a48a68;}
.part2gif{left: 0; top: 270px;}
.women{left: 308px; top: 235px;}
.wm-list{}
.wm-name1{left: 307px; top: 269px;}
.wm-name2{left: 586px; top: 237px;}
.wm-name3{left: 457px; top: 419px;}
.wm-name4{left: 749px; top: 398px;}
.wm-list li{display: none;}
/*part3*/
.part3{height: 700px;}
.tit3{left: 0; top: 13px; width: 1000px; height: 102px; background: url(../../../images/static/funwatch/tit3.png) no-repeat 0 0;}
.fun-bg5{left: 728px; top: 200px; width: 225px; height: 316px; background: url(../../../images/static/funwatch/fun-bg5.png) no-repeat 0px 0px; text-align: justify; word-wrap: break-word;  padding: 60px 35px 0 25px; font-size: 14px; line-height: 24px;}
.fun-bg5 a{color: #a48a68;}
.pic-box{width: 760px; height: 440px; left: -57px; top: 177px; overflow: hidden;}
.pic-box a{position: absolute; width: 760px; height: 440px; left: 0px; top: 0px;}
.pic-box-inner{left: 0; top: 0; width: 2785px; height: 440px;}
.pic-box-inner ul{}
.pic-box-inner ul li{float: left; width: 250px; height: 450px; overflow: hidden; margin-right: 5px;}
.pic-box-inner ul li span.small-pic{display: block; width: 250px; height: 205px; margin-bottom: 5px;}
.pic-box-inner ul li span.big-pic{width: 250px; height: 415px;}
/*part4*/
.part4{height: 839px;}
.tit4{left: 0; top: 61px; width: 1000px; height: 102px; background: url(../../../images/static/funwatch/tit4.png) no-repeat 0 0;}
.fun-bg6{left: 178px; top: 150px; width: 730px; height: 80px; text-align: justify; word-wrap: break-word;  padding: 60px 35px 0 25px; font-size: 14px; line-height: 24px;}
.fun-bg6 a{color: #a48a68;}
.video-list{width: 1036px; left: -11px; top: 332px;}
.video-list ul{}
.video-list ul li{cursor: pointer; position: relative; float: left; display: block; width: 240px; height: 195px; margin-right: 19px; margin-bottom: 28px;}
.video-list ul li span{display: block; width: 240px; height: 135px; }
.video-list ul li em{display: block; font-size: 14px; font-weight: bold; color: #000; width: 240px; height: 60px; line-height: 60px; text-align: center; background: url(../../../images/static/funwatch/video-name.jpg) no-repeat 0 0;}
.video-list ul li:after{position: absolute; width: 240px; height: 135px; left: 0; top: 0; content: ''; background: url(../../../images/static/funwatch/play.png) no-repeat center center;}
/*v-box*/
.v-box{left: 50%; top: 50%; margin-left: -380px; margin-top: -300px; width: 700px; height: 400px;}
.close{left: 50%; top: 50%; margin-left: 330px; margin-top: -300px; width: 100px; height: 100px; background-color: #666; color: #fff; line-height: 100px; text-align: center; font-size: 50px; background: #000 url(../../../images/static/funwatch/close.png) no-repeat center center; background-size: 50px 50px;}
/* 去掉分享和全屏按 */
.fp-header{display: none;}
/* 让播放器下面所有的a标签透明度为0 */
.flowplayer a{opacity: 0;}
/* 播放按钮的透明度恢复为1 */
.flowplayer a.fp-playbtn{opacity: 1;}

/*small-to-big*/
.watch1,
.watch2,
.watch3,
.watch4,
.watch5 img,
.watch6,
.watch7,
.watch8,
.fun-watch1
{
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	
}
.watch1:hover,
.watch2:hover,
.watch3:hover,
.watch4:hover,
.watch5:hover img,
.watch6:hover,
.watch7:hover,
.watch8:hover,
.fun-watch1:hover
{
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
	transform: scale(1.04);
}
/*footer*/
.pubfooter {position: relative;clear:both; background-color: #000; margin-left:auto; margin-right:auto; font-size:12px;}
.footer {text-align:center;margin:0 auto;}
.copyright{text-align:center;line-height:52px;color:#999; }
.foot_top {font-size:12px;line-height:24px; color:#999; text-align:center; height:24px;padding-top:40px;}
.foot_top .gray0{ color:#999;}
.foot_top .wbfoot{ background:url(http://www.xbiao.com/images/index/v_xbiao.png) no-repeat 0 2px; *background-position:left center; padding-left:20px; }
.footline{ display: inline-block; height:24px; line-height:24px; font-size:12px; vertical-align:middle; margin:0 10px; color:#999; font-family:"Sim Sun"}
.foot_top a { color:#999; display:inline-block;}
.foot_top a:hover { background:none; color:#999;text-decoration:underline;}
.iphone_ico i,.android_ico i,.telphone_ico i{ background:url(../../../images/static/funwatch/ico_phone.png) no-repeat -3px 0; display:inline-block;width:18px; height:20px;padding-right:5px; vertical-align:middle;margin-top:-4px;*margin-top:0;margin-left:2px; opacity:.8;filter:alpha(opacity=80);}
.android_ico i{ background-position:-1px -26px;width:21px; height:24px; line-height:24px;margin-left:13px;}
.telphone_ico i{ background-position:-6px -59px;width:11px; height:22px; line-height:22px;margin-left:12px;}
/*baidu share*/
.wrapShare{ height:28px;overflow:hidden; display:block; padding-right:20px;padding-left:20px;width:185px;float:left;}
.bdshare_t { vertical-align:middle;}
.wrapShare .bds_more{ background:url(http://www.xbiao.com/images/static/bojue/plusshare.png) no-repeat left center!important; padding-left:17px; line-height:16px;cursor:pointer; float:left; height:16px;}
.bdshare_t .bds_tsina,.bdshare_t .bds_qzone,.bdshare_t .bds_tqq,.bdshare_t .bds_renren,.bdshare_t .bds_douban,.bdshare_t .bds_weixin{ background-image:url(../../../images/static/funwatch/ii.png); background-repeat:no-repeat;}
.bdshare_t .bds_tsina { background-position:1px -39px!important ;}
.bdshare_t .bds_tsina:hover { background-position:1px 0px!important ;}
.bdshare_t .bds_qzone { background-position:-43px -39px!important ;}
.bdshare_t .bds_qzone:hover { background-position:-43px 0px!important ;}
.bdshare_t .bds_tqq { background-position:-21px -39px!important ;}
.bdshare_t .bds_tqq:hover { background-position:-21px 0px!important ;}
.bdshare_t .bds_renren { background-position:-66px -39px!important ;}
.bdshare_t .bds_renren:hover { background-position:-66px 0px!important ;}
.bdshare_t .bds_douban { background-position:-88px -39px!important ;}
.bdshare_t .bds_douban:hover { background-position:-88px 0px!important ;}
.bdshare_t .bds_weixin { background-position:-111px -39px!important ;}
.bdshare_t .bds_weixin:hover { background-position:-111px 0px!important ;}