@charset "utf-8";
*{padding:0px;margin:0px;list-style-type:none;}
body{font-size: 14px;background: #f5f5f5;color: #333;font:14px/180% "微软雅黑";font-family: 微软雅黑;min-width:1200px;max-width:100%; }
.cl{ clear:both;}
.h1{height:10px;}
.h15{height:15px;}
.h2{height:20px;}
.h3{height:30px;}
.h4{height:40px;}
.h5{height:50px;}
.h6{height:60px;}
.h7{height:70px;}
.h8{height:80px;}
.h9{height:90px;}
.h10{height:100px;}
.h12{height:120px;}
.h300{height:300px;}
.h290{height:290px;}
p{font-size:14px;}
ul{list-style:none;}
a,img{border:0px;outline: none;}
a{ text-decoration:none;color:#999;}
.fl{float:left;}
.fr{float:right !important;}
.hr{border:1px solid #e6e6e6;}
.two{margin-left:70px;}
.m0{margin-left:0px !important;}
.m10{margin-left:10px;}
.m30{margin-left:30px;}
.m20{margin-left:20px;}
.w10{width:100px;}
.w2{width:20px;}
.w1{width:10px;}
.block{display:block !important;}
.no-block{display:inline-block;*display:inline;*zoom:1;}
.tr{text-align:right}
.yx-rotaion-btn{display:none !important;}
.pl-20{padding-left:20px;}
.box-center{width:1200px;margin:auto;}

.header-top{width:100%;background:#f5f5f5;height:34px;border-bottom:1px solid #ececec;}
.phone img{margin:9px 8px 0 0;}
.phone{line-height:34px;color:#e6482d;width:300px;}
.z20{display:block;margin-right:5px;}
.z20 img{margin-top:8px;}

.header-nav{width:100%;height:106px;background:#fff;overflow:hidden;}
.header-logo{padding-right:50px;}
.header-logo > a > img{margin-top:20px;}

.nav-menu{float:left;height:74px;padding-left:20px;margin-top:32px;width:104px;}
.nav-menu img{margin-top:16px;}
.nav-menu a{padding:12px 18px 12px 6px;border-right:1px solid #feeecd;width:58px;}
.nav-menu a:hover{color:#f8b62b;}
.nav-menu > a:last-child{border-right:none;}
.no-right{border-right:none !important;}

.banner{position:relative;height:400px;width:100%;}
.banner > img{display:block;width: 1920px;position: relative;margin-left: -960px;left: 50%;height:400px;overflow:hidden}
.place{position:absolute;width:100%;height:100px;bottom:0px;left:0px;background-color:#fff;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.place1{position:absolute;width:100%;height:100px;bottom:0px;left:0px;}
.place1 img{margin:auto;padding-top:30px;display:block;}

.company-one{width:450px;height:352px;border-bottom:4px solid #f8b62a;overflow:hidden;position:relative;}
.company-one h3{width:430px;height:46px;line-height:46px;background:url(../images/one.png) no-repeat 96% center #f8b62b;color:#fff;padding-left:20px;}
.one-js{background:#fff;width:430px;height:295px;overflow:hidden;padding:12px 10px 0 10px; text-indent:2em;line-height:32px;}
.company-one a img{position:absolute;right:10px;bottom:10px;}
.company-two{margin-left:30px;}
.company-two img,.company-three img{display:block;}

.two-js{position:relative;background:#fff;width:335px;height:168px;padding:10px 10px 0 15px;line-height:32px;overflow:hidden;}
.two-js img{position:absolute;right:10px;bottom:10px;}

.container-pro-loop ul li img{dispaly:block;margin-top:15px;}
.container-product{width:810px;height:500px;background:#fff;}
.container-pro-top{padding:0 40px 0 15px;margin-top:15px;height:22px;}
.container-pro-top h3{padding-left:10px;color:#333;font-size:16px;font-weight:400;}
.container-pro-top img{margin-top:2px;}
.container-pro-loop li{float:left;width:370px;height:200px;margin:20px 0 0 20px;background:#f2f2f2;}
.container-pro-dl{margin-top:20px;margin-left:20px;width:160px;}
.container-pro-dl dl{height:120px;overflow:hidden;}
.container-pro-dl dt{font-size:20px;color:#f88c2b;margin-bottom:5px;}
.container-pro-dl dd{color:#333;line-height:26px;}
.understand{width:76px;height:24px;line-height:24px;border:1px solid #ff5757;border-radius:5px;margin-top:15px;font-size:12px;text-align:center;}
.understand a{color:#555;}
.understand:hover{border:1px solid #f8b62b;}
.understand:hover  a{color:#f8b62a;}

.loop-pro-img{width:170px;}

.recipe{margin-top:30px;}
.recipe-top{height:40px;line-height:40px;background:#f8b62b;width:360px;}
.recipe-top img{margin:10px 6px 0px 20px;}
.recipe-top h3{color:#fff;font-weight:400;font-size:16px;}


/*底部*/
.footer{height:320px;background:#f8b62a;}
.footer1_box{height:260px;}
.footer1_box dl{float:left;margin:0 18px;margin-top:30px;}
.footer1_box dl:first-child{margin-left:0px;}
.footer1_box dl dt{color: #333;font-size: 14px;font-weight: 600;margin-bottom: 20px;}
.footer1_box dl dd{margin-top: 2px;color:#333;line-height:22px;font-weight:400}
.footer1_box dl dd a{color:#333;}
.footer2{text-align:center;color:#333;}
.ft18{font-size:34px;line-height:60px !important;}


.all-menu > ul{overflow:hidden;margin:auto;text-align:center;}
.all-menu > ul >li{display:inline-block;*display:inline;*zoom:1;border:2px solid #c8c8c8;margin-left:20px;text-align:center;line-height:34px;height:34px;overflow:hidden;}
.all-menu > ul >li a{color:#737373;padding:10px 27px;}
.all-menu > ul >li:hover{background:#f8b62b;border:2px solid #f8b62b;}
.all-menu > ul >li:hover a{color:#fff;}
.current{background:#f8b62b !important;border:2px solid #f8b62b !important;}
.current a{color:#fff !important;}


.container-wzjs{padding:20px;width:1160px;line-height:32px;background:#fff;border-top:2px solid #9bc539;}

.about-two-h3{margin-left:20px;}
.about-js{width:680px;margin-left:20px;}
#demo2 .about-bei-js{line-height:28px;}
#demo2 .h1{height:0px;}
.news-container{padding-top:0px;line-height:28px;}
.news-loop li{border-bottom:1px solid #e2e2e2;}
.news-loop-img{width:196px;height:126px;border:2px solid #f5f5f5;}
.news-loop-js{width:920px;margin-left:20px;}
.news-loop-js h3{margin-bottom:5px;}
.news-loop-js a{padding:0px 16px;border:1px solid #C8C8C8;border-radius:5px;margin-top:8px;}
.news-loop-js span{margin-top:8px;}
.news-loop-js a:hover{background:#f8b62b;border:1px solid #f8b62b; color:#fff;}


.detail-container{text-align:center;}

.bottom-line{border-bottom:1px solid #e2e2e2;height:50px;}
.detail-js{margin-top:20px;border-bottom:1px solid #e2e2e2;padding-bottom:20px;}

.partner-container{padding:0px;width:1200px;background:#f5f5f5;}
.partner-container > ul{border-bottom:2px solid #9bc539;}
.partner-container > ul > li{float:left;margin-left:20px;margin-top:20px;}

.link-box{background:#fff;padding:12px 0;min-height:;}
.link-box li{float:left;margin-left:15px;}
.link-box li a{color:#808080;}
.link-box li a:hover{color:#f8b62b;}
.link-img{margin-left:20px;margin-right:10px;}
.w116{width:116px;}

.product-container{padding:0px;width:1200px;}
.product-container > ul > li{width:560px;height:290px;background:#f5f5f5;float:left;margin:20px 20px;}
.product-loop-img{margin:50px 20px;}
.product-loop-img img{min-width:170px;min-height:170px;max-width:190px;max-height:190px;}
.product-loop-right{margin-top:20px;max-width:320px;min-width:300px;}
.product-loop-right h3{font-size:20px;font-weight:400;width:320px;}
.product-loop-right h3 span{color:#f8b62b;font-size:14px;text-align:right;}
.product-loop-icon{background:url(../images/tedian.png) no-repeat left 5%; text-indent:1.5em;height:160px;overflow:hidden;}

.pay-red{background:#ce0d11;border:1px solid #ce0d11;}
.pay-red a{color:#000;}
.pay-red:hover{border:1px solid #ce0d11;}
.pay-red:hover a{color:#fff;}
.pay-theme{background:#f8b62b;border:1px solid #f8b62b;}
.pay-theme a{color:#000;}
.pay-theme:hover a{color:#fff;border:1px solid #f8b62b;}



.boost-container{padding:0px;width:1200px;}
.boost-container li{float:left;margin:20px;position:relative;}
.boost-container li img{width:360px;height:228px;display: block;}
.boost-container .hover_alpax{width:360px;height:228px;background-color:#ce0d11;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;position:absolute;left:0;top:0;display:none;}
.boost-container .hover_alpax1{width:360px;height:228px;position:absolute;left:0;top:0;display:none;}
.boost-container .hover_alpax1 a{display:block;width:120px;height:36px;line-height:36px;border:1px solid #fff;border-radius:5px;color:#fff;text-align:center;margin:95px auto;}
.boost-container .hover_p{text-align:center;height:46px;line-height:46px;background:#f1f1f1;width:360px;}
.boost-container li:hover .hover_p{background:#ce0d11;color:#fff;}
.boost-container li:hover .hover_alpax{display:block;}
.boost-container li:hover .hover_alpax1{display:block;}


/*产品详情图片*/
.detail-collection{width:560px;height:371px;  overflow:hidden;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;height:100%;width:100%}
.jqzoom img{ background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;max-width:400px;max-height:371px;}
.zoomdiv{z-index:100;position:absolute;top:0px;right:0px !important;*right:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:400px;height:371px;float:right}
.spec-scroll{margin-left:26px;width:80px;height:100%;float:left}
.spec-scroll .prev{width:80px;height:37px;background: url("../images/top.png");}
.spec-scroll .next{width:80px;height:32px;background: url("../images/down.png");}
.spec-scroll .prev,.spec-scroll .next{display:block;cursor:pointer;}
.spec-scroll .items{position:relative;width:80px;height:302px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:80px;height:auto;}
.spec-scroll .items ul li{width:80px;height:66px;}
.spec-scroll .items ul li img{margin-bottom:12px;width:78px;height:64px;border:1px solid #fff;}
.spec-scroll .items ul li img:hover{border:1px solid red;}


.detail-summary-right{width:560px;height:371px;}
.detail-summary-right h3 {font-size:28px;font-weight:400;}
.detail-summary-right h3 span{color:#f8b62b;font-size:16px;margin-left:20px;}
.detail-menu{margin:auto;text-align:center;}
.detail-menu ul{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;position:relative;}
.detail-menu li{display:inline-block;*display:inline;zoom:1;height:46px;line-height:46px;padding-left:20px;}
.detail-menu li a{color:#666; cursor:pointer;}
.detail-menu li a:hover{color:#ce0d11;}

.product-mode,.detail-content{padding:20px;}
.detail-content img{vertical-align:bottom;}


.support-container{padding:0px;width:1200px;}
.support-container li{float:left;margin:20px;position:relative;}

.support-container li > img{width:260px;height:195px;display: block;}
.support-container .hover_alpax{width:260px;height:195px;background:rgba(230,134,136,0.5);position:absolute;left:0;top:0;display:none;}
.support-container .hover_alpax a{display:block;text-align:center;margin:80px auto;}
.support-container .hover_alpax a img{margin:auto;}
.support-container .hover_p{text-align:center;height:46px;line-height:46px;background:#f1f1f1;width:260px;}
.support-container li:hover .hover_p{background:#ce0d11;color:#fff;}
.support-container li:hover .hover_alpax{display:block;}


.about-wh{float:left;margin:20px;position:relative;}
.about-wh img{width:260px;height:195px;display: block;}
.about-wh .hover_p{text-align: center;height: 46px;line-height: 46px;background: #f1f1f1;width: 260px;}
.about-wh:hover .hover_p{background:#ce0d11;color:#fff;}


.caption-container li{margin-bottom:20px;}
.caption-container li .caption-click{height:46px;background:#f0f0f0;line-height:46px;}
.caption-container li .caption-img{float:right;padding-right:20px;padding-top:12px;}
.caption-container li .caption-block{background:#f5f5f5;padding:20px;display:none;}

.caption-container > ul >li:first-child > .caption-block{display:block;}


.contact-map{width:580px;height:300px;padding-right:20px;}
.map-container{padding:0px;width:1196px;height:470px;border:#c4c4c4 solid 2px;border-top:none;}


.one-icon-bg span{background:url(../images/gos.png) no-repeat;}
.one-icon-bg a{color:#333;}
.two-icon-bg span{background:url(../images/jiao.png) no-repeat 2px center;padding-left:18px;}
.top-line{border-top:1px solid #E2E2E2;}


/* flexslider */
.flexslider{position:relative;height:500px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;*display:inline;*zoom:1;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;display:none;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}









.wrap {
	position:relative;
	z-index:0;
	height:226px;
}
.banner-show {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:100%;
	width:360px;
	height:226px;
	overflow:hidden;
}
.banner-show .cell {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	overflow:hidden;
	background-repeat:repeat-x;
	background-position:center top;
}
.banner-show .cell .con {
	position:relative;
	height:226px;
	background-repeat:no-repeat;
	background-position:center top;
}
.bns-01 {
	background-size:360px 226px;
}
.bns-01 .con {
	background-size:360px 226px;
}
.bns-02 {
	background-size:360px 226px;
}
.bns-02 .con {
	background-size:360px 226px;
}
.bns-03 {
	background-size:360px 226px;
}
.bns-03 .con {
	background-size:360px 226px;
}
.banner-link {
	position:absolute;
	top:100px;
	left:50%;
	width:360px;
	height:226px;
	margin-left:-350px;
}
.banner-link i {
	display:none;
}
.banner-control {
	position:absolute;
	top:0;
	left:50%;
	width:360px;
	margin-left:-180px;
}
.banner-control a {
	position:absolute;
	top:100px;
	width:30px;
	height:30px;
	line-height:10;
	overflow:hidden;
	background-image:url(../images/icon_control.png?v=201406241538);
	background-repeat:no-repeat;
	background-repeat:no-repeat;
}
.banner-control a.left {
	left:10px;
	background-position:0 0;
}
.banner-control a.left:hover {
	background-position:0 -30px;
}
.banner-control a.right {
	right:10px;
	background-position:-30px 0;
}
.banner-control a.right:hover {
	background-position:-30px -30px;
}

.product-loop-icon > span{height:147px;overflow:hidden;}
.detail-summary{height:322px;overflow:hidden;margin-top:12px;}



.page-all-box{text-align:center;}
.page {
	margin-top: 50px;
	text-align: center;
	display: inline-block;
	*display:inline;zoom:1;
}
.page-from{
	display: inline-block;
	*display:inline;zoom:1;
	padding:0px;
	margin:0px
}
.page-from from{
	height:30px;
	padding:0px;
	margin:0px
}
.page > a {
	display: inline-block;
	*display:inline;zoom:1;
	padding: 4px 10px;
	margin: 0 4px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	background-color: #e9e9e9;
	color: #969898;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
}

.page-from-input {
	width:40px;
    display: inline-block;
    *display:inline;zoom:1;
    padding: 4px 10px;
    line-height: 20px;
    font-size: 12px;
    background-color: #fff;
    color: #969898;
    border: 1px solid #DFDFDF;
    border-radius: 4px;
}

.page-submit{
	margin: 0 4px;
	display: inline-block;
	*display:inline;zoom:1;
	 padding: 4px 10px;
    line-height: 17px;
	border: 1px solid #DFDFDF;
    border-radius: 4px;
    background-color: #e9e9e9;
    color:#666;
}
.current.num {
	color: #808080;
}

.page .prev {
	margin-left: 4px;
}

.page .next {
	margin-right: 4px;
}

.pro-ul{
	min-height: 432px;
}


.page a:hover {
	color: #d02227;
}


.list-sub-li.on a {
	color: #d02227;
}

.news-ul {
	width: 84%;
	padding-top: 20px;
	margin: 0 auto;
}

.news-ul li {
	line-height: 36px;
	border-bottom: 1px dashed #ccc;
}

.news-ul li span {
	float: right;
}

.news-ul li a:hover{
	color: #0094e5;
}

.page.news-page {
	text-align: center;
}





/*音乐*/
.ie-bg-music{width:50px;height:50px;margin:auto;text-align:center;background: #f8b62a;box-sizing: border-box;  overflow: hidden;z-index: 1;  position: fixed;right:0px;bottom:20px;}
.ie-bg-music img{margin-top:15px;}
.music-player {
  position: fixed;
  right:0px;bottom:20px;
  width:50px;
  height: 50px;
  box-shadow: 0 0 10px rgba(250, 182, 47, 0.8);
  border-radius: 10px;
  background: #222;
  overflow: hidden;
  z-index: 1;
  box-sizing: border-box;
}
.music-player img {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: -1;
  display: block;
  width: 100% !important;
  height: 100% !important;
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.music-player .info {
  width: 100%;
  height: 20px;
  background: #222;
  background: rgba(255, 150, 26, 1);
  text-align: center;
  position: relative;
}
.music-player .info .jp-playlist li {
  display: none;
}
.music-player .info .jp-playlist li a {
	margin-top:5px;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  color: #fff;
  color: rgba(225, 225, 225, 0.4);
}
.music-player .info .jp-playlist li a span {
  font-size: 14px;
  display: block;
}
.music-player .info .jp-playlist li.jp-playlist-current {
  display: block;
}
.music-player .info .jp-playlist li .jp-free-media, .music-player .info .jp-playlist li .jp-playlist-item-remove {
  display: none;
}
.music-player .info .left, .music-player .info .right {
  width: 25px;
  position: absolute;
  top: 15px;
  left: 10px;
}
.music-player .info .right {
  left: auto;
  right: 4px;
}
.music-player .info [class^="icon-"] {
  margin: 0 0 10px;
}
.music-player .info .center {
  padding: 14px 0 0;
}
.music-player .progress, .music-player .volume-level {
  width: 100%;
  height: 5px;
  display: block;
  position: absolute;
  bottom: 0px;
  cursor: pointer;
}
.music-player .progress span, .music-player .volume-level span {
  position: relative;
  display: block;
  background: #ed553b;
  width: 0%;
  height: 5px;
}
.music-player .progress span:after, .music-player .volume-level span:after {
  position: absolute;
  right: -5px;
  top: -8px;
  content: "";
  width: 10px;
  height: 22px;
  background: url("../images/tsqwz1N.png") no-repeat center;
}
.music-player .controls {
  text-align: center;
  width: 100%;
  height: 80px;
  background: #f8b62a;
}
.music-player .controls .current {
  font-size: 18px;
  color: #fff;
  color: rgba(225, 225, 225, 0.4);
}
.music-player .controls .play-controls a {
  display: inline-block;
  *display:inline;zoom:1;
  width: 35px;
  height: 20px;
  margin: 15px 8px;
}
.music-player .controls .volume-level {
  position: relative;
  bottom: auto;
  width: 40px;
  height: 2px;
  margin: 0px auto 0;
  background: rgba(225, 225, 225, 0.3);
}
.music-player .controls .volume-level span {
  height: 2px;
}
.music-player .controls .volume-level span:after {
  right: -11px;
  top: -8px;
  width: 22px;
  height: 22px;
  background-image: url("../images/V5i67V2.png");
}
.music-player .controls .volume-level a {
  position: absolute;
  right: -25px;
  top: -8px;
  width: 22px;
}
.music-player .controls .volume-level a.icon-volume-down {
  right: auto;
  left: -25px;
}

[class^="icon-"] {
  width: 18px;
  height: 18px;
  background: url("../images/E09T8tf.png") no-repeat center;
  display: block;
}

.icon-shuffle {
  background-image: url("../images/AQAxRxS.png");
}
.icon-heart {
  background-image: url("../images/E09T8tf.png");
}
.icon-repeat {
  background-image: url("../images/338F8MX.png");
}
.icon-share {
  background-image: url("../images/PGIC6ME.png");
}
.icon-previous {
  background-image: url("../images/LIqj0nr.png");
}
.icon-play {
  background-image: url("../images/xlBv5aR.png");
}
.icon-pause {
  background-image: url("../images/lIhwduj.png");
}
.icon-next {
  background-image: url("../images/RIqj0nr.png");
}
.icon-volume-up {
  background-image: url("../images/qqdoddi.png");
}
.icon-volume-down {
  background-image: url("../images/3iirf2f.png");
}

img {
    border: medium none;
    font-size: 0px;
}
.copyrights {
  text-align: center;
  text-transform: capitalize;
  margin: 50px;
  color: rgba(0, 0, 0, 0.6);
}
.copyrights a {
  color: rgba(152, 46, 75, 0.9);
  text-decoration: none;
}



.play-t , .play-d {
	position: relative;
}

.play-t {
	position: relative;
	height: 30px;
	padding: 10px 20px;
	background-color: #f5f5f5;
}

.play-d {
	height: 546px;	
}

.play-t > h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	color: #424242;
}

.play-close {
	position: absolute;
	display: block;
	top: 10px;
	right: 14px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #757575;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
	z-index: 10;
	border-radius: 15px;
}
.play-close img{max-width:100%;}
.video-t > p {
	padding: 10px;
	font-size: 18px;
	color: #535455;
	text-align: center;
}
.video-t.sp >a {display:block;cursor:pointer;}
.video-t.sp >a >img{width:360px;height:204px;}
.video-t.other{
	margin-right: 0px;
}

.video-t {
	overflow: hidden;
	
}

.video-img {
	position: relative;
}

.video-img img {
	display: block;
	width:360px;height:204px;
}

.video-play {
	position: absolute;
	transition:all 0.4s ease-in-out ;
	-moz-transition:all 0.4s ease-in-out ; /* Firefox 4 */
	-webkit-transition:all 0.4s ease-in-out ; /* Safari and Chrome */
	-o-transition:all 0.4s ease-in-out ; /* Opera */	
	-ms-transition: all 0.4s ease-in-out ;	

	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background:#000;
	filter:alpha(opacity=20);
	background: rgba(0,0,0,0.2) url(../images/video-play.png) no-repeat scroll center center;
	
}
.video-play1 {
	position: absolute;
	transition:all 0.4s ease-in-out ;
	-moz-transition:all 0.4s ease-in-out ; /* Firefox 4 */
	-webkit-transition:all 0.4s ease-in-out ; /* Safari and Chrome */
	-o-transition:all 0.4s ease-in-out ; /* Opera */	
	-ms-transition: all 0.4s ease-in-out ;	

	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background:url(../images/video-play.png) no-repeat center center;
}
.video-t a:hover .video-play {
	top: 0;
}
.video-t a:hover .video-play1 {
	top: 0;
}

#mask {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 1000;
	cursor: pointer;
	
}

.fade {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	-ms-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

.fadein {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#mask.fadein {
	display: block;
}
.play-box.active {
	top: 50%;
	_position: absolute;
	_top: 15%;
	_margin-top: 0;
	margin-top: -300px;
}

.play-box {
	position: fixed !important;
	top: -200%;
	left: 50%;
	_position: absolute;
	_top: -200%;
	_margin-top: 0;
	z-index: 1050;
	width: 880px;
	height: 596px;
	margin-left: -440px;
	background-color: #fff;
	outline: none;
	-webkit-transition: top .35s linear;
	-moz-transition: top .35s linear;
	-o-transition: top .35s linear;
	-ms-transition: top .35s linear;
	transition: top .35s linear;	
	
}

.play-box.fadein {
	top: 50%;
	_top: 15%;
}




.yx-rotaion{margin:0 auto;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden;}