/***** nav *****/


.nav {
margin:0 auto;
width:850px;
margin-top: 8px;
color: #c7c7c7;
font-size: 12px;
}

.nav a{ color:#fff; 
        width:150px; 
		text-align:center; 
		display:inline-block; 
		color:#ffffff; 
		margin:0 auto;
		line-height:25px;
		font-weight:bold; 
		}
.nav a:hover{ color:#ffffff; text-decoration:none; }



/* ===============================================================
代码
================================================================*/

.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide { position:relative; overflow:hidden;}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}

/* Demo Styles */
html { height: 100%;}
body {position: relative;height: 100%;}
.swiper-container {width: 100%;height: 100%;color: #fff;text-align: center;}
.red-slide {background: #fff; overflow:hidden;}
.blue-slide {background: #fff;}
.orange-slide {clear:both;}
.green-slide {background:#EFEFEF;}
.pink-slide {background: #fff;}
.swiper-slide .title {}
.pagination {position: absolute;z-index: 20;left: 10px;bottom: 10px; display:none;}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}



/*第一屏幕*/
#short-menu {
	         position: absolute;
			 z-index: 20;
			 left: 0;
			 top: 0px; 
			 width: 100%;
			 height: 40px;
background: #FDFDFD url(../images/nav.png) repeat-x top center;
border-bottom: 1px solid #EBEBEB;}
#l_home .content{display: table;position: relative;width:100%;text-align:right;}
#scroll_mouse {position: absolute;bottom: 50px;left: 50%; margin-left:-45px;  z-index: 100;}

/*第一屏左侧大图样式*/
.block_one_left,.block_two_left,.block_three_left,.block_four_left,.block_five_left {width:50%; position:relative; float:left;}
.img_100 { width:100%; height:auto;}
/*右侧大图样式*/
.block_eight_right,.block_seven_right,.block_six_right,.block_five_right,.block_four_right {width:50%; position:relative; float:right;+width:49.9999999999%;}

.peach2 { width:347px; height:308px; position:absolute; left:50%; top:50%; margin-left:-173.5px;
margin-top:-154px; z-index: 10; }
.peach_samll2 {width:45px; height:41px; position:absolute; left:50%; top:50%; margin-left:-22.5px;margin-top:-20.5px; background:url(http://mat1.gtimg.com/fashion/zhuanti/2014/zuofaner26/xiaoxin.png) no-repeat; display: none;}
.peach_big2 {width:347px; height:308px; background:url(http://mat1.gtimg.com/fashion/zhuanti/2014/zuofaner26/daxin.png) no-repeat;position:absolute; left:50%; top:50%;  margin-left:-173.5px; margin-top:-154px; opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);}
.bounce{
-webkit-animation:bounceIn 1.5s .2s ease both;
-moz-animation:bounceIn 1.5s .2s ease both;}
@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}

.red{
	color:red;
}
.white{
	color:#fff;
}


/************** logo——3D******************/
.tap_logo {width:220px; height:220px;position:absolute; top: 50%; margin-top:-110px; left:50%; z-index: 20;  margin-left:-108px;}
.tap_logo {-webkit-perspective:700;-webkit-transform-style: preserve-3d;-moz-perspective:700;-moz-transform-style: preserve-3d;}
.tap_logo_top,.tap_logo_bottom { width:220px; height:220px;position:absolute;top:0;left:0;
 -webkit-transition:1.2s;
	-webkit-transform-origin: 50% 0;
	-webkit-backface-visibility:hidden;
	 -moz-transition:1.2s;
	-moz-transform-origin: 50% 0;
	-moz-backface-visibility:hidden;
	}
.tap_logo_top {z-index: 2;background:url(../images/tap_logo.png)  no-repeat; opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=1);}
.tap_logo_bottom {z-index: 1;}
.tap_logo_top {-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);}
.tap_logo_bottom {-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);}
.act .tap_logo_top{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.act .tap_logo_bottom {-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);}
.tap_logo_top .date  { position:absolute; font-size:12px; color:#333;text-align:center; line-height:22px; width:48px; left:46px; top:171px; font-family:Microsoft YaHei,黑体;}

.tap_logo_bottom_b  {width:220px; height:220px;position:absolute;top:0;left:0; background:url(../images/tap_logo.png) 0px -235px no-repeat; z-index: 2;}
.tap_logo_bottom_t { width:220px; height:220px;position:absolute;top:0;left:0; z-index: 1;}
.tap_logo_bottom .tap_w1 {left:-48px; left:0px; }
.tap_logo_bottom .tap_w2 {right:-48px; right:0px;  }
.tap_logo_bottom span{ position:absolute; top:74px;  }

.tap_logo_bottom span .l {float:left; width:59px; height:74px; background: url(../images/tap_top.png) no-repeat;}
.tap_logo_bottom span .r {float:left; width:59px; height:74px; background:#ba1312;}
.tap_logo_bottom .tap_w2 .l,.tap_logo_bottom .tap_w2 .r   {float:right; }
.tap_logo_bottom .tap_w2 .l  {background-position:left -81px;}

#l_brand_pic {opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);}



#l_news .content{display: table;position: relative;width:100%;background-color:#fff;}
#l_news .contentInside{  width:530px; height:720px; left:50%;top:50%; margin-top:60px;margin-left:-265px;	 position:absolute; text-align:left; }
/*#l_news .news_image{width: 50%;margin: 0px auto;	}*/
/*滚动条*/
#soller_btn {width:10px; height:577px;position:absolute; background:url(http://mat1.gtimg.com/fashion/zhuanti/2014/zuofaner26/scroll_bg.png) no-repeat;  right:-12px; top:92px; padding-top:10px; padding-bottom:10px;}
#parent {width:10px; height:577px; position:relative;}
#div1 {width:6px; height:182px; background:url(http://mat1.gtimg.com/fashion/zhuanti/2014/zuofaner26/scroll_bg_10.png) no-repeat; left:2px; cursor:pointer; position:absolute;}
#div2 {width:510px; height:610px;  position:relative; overflow:hidden; font-size:14px; color:#666666; font-family:Microsoft YaHei,黑体;}
#div3 {position:absolute;}
#div3 dl { width:510px; padding-top:10px;  background:url(http://mat1.gtimg.com/fashion/zhuanti/2014/zuofaner26/left_dl_bg.png) left top repeat-y;}
#div3  .border {border-bottom:1px #ebebeb solid;  height:0px; overflow:hidden;width:460px; margin-left:25px;  padding-bottom:20px; background:none;}
#div3 dt {padding-left:35px; color:#666666; line-height:28px; background:url(http://mat1.gtimg.com/fashion/zhuanti/2014/zuofaner26/Q.jpg) left 0px no-repeat; padding-bottom:10px;}
#div3 dd {padding-left:70px; color:#666666; background:url(http://mat1.gtimg.com/fashion/zhuanti/2014/zuofaner26/D.png) 7px top no-repeat; line-height:26px;}
#div3 dt em,#div3 dd em { color:#333;}
#div3  .first {padding-top:0px;}





/*箭头*/


#vote_num {
	        width:220px;
			height:220px; 
			position:absolute;
			z-index: 55; 
			left:50%; 
			margin-left:-110px; 
			bottom:140px;
			background:url(../images/jt_h.png) no-repeat;}





/*第二屏幕*/
.descrizione-brand-left{background:url(http://mat1.gtimg.com/fashion/zhuanti/2014/zuofaner26/zuofan_logo.png) no-repeat;color: rgb(255, 255, 255);font-size: 13px;line-height: 27px;font-family: "Avenir-Next-Regular", sans-serif;width: 131px;height:162px;position: absolute;top: 46px;left:46px;text-align: justify;}
.descrizione-brand-left  .qs  { width:53px; line-height:20px; color:#333; text-align:center; left:1px; top:143px; font-family:Microsoft YaHei; position:absolute; }
#l_brand_pic {opacity:0.5;-moz-opacity: 0.5;filter:alpha(opacity=0.5);}
.vote_1 {width:96px; margin:0px auto; color:#7d7d7d; font-size:18px; line-height:28px;font-family:Microsoft YaHei,黑体; padding-top:30px; }




/*第二屏幕右侧样式*/
.con_seven_r_box {/*width:515px; height:750px;*/ padding-top:30px; margin:0px auto; margin-left:10%;  text-align:left; }
.con_r_pic  {padding-top:40px;}
.r_pic { width:270px; height:410px; overflow:hidden;}
.r_pic img  {width:100%; height:auto;}
.r_pic .p { height:40px; line-height:40px; color:#fff; font-family:Microsoft YaHei; font-size:18px; margin-top:-40px; position:relative; background:rgba(0, 0, 0, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');  text-align:center;}
.r_txt {width:260px; font-size:14px; line-height:26px; padding-left:23px; font-family:Microsoft YaHei; color:#333333; }
.r_txt  p {margin:0px;}
.zfShare { width:300px; font-size:14px; color:#858585; line-height:25px;  position:absolute; left:268px; bottom:0px;}
.iShareWrap { position:absolute; left:50px; top:0px;}
.vote_1 {width:96px; 
         margin:0px auto; 
		 color:#ffffff; 
         font-weight:bold;
		 font-size:18px; 
		 line-height:28px;
		 font-family:Microsoft YaHei,黑体; 
		 padding-top:30px; }





/*第三屏幕*/
#l_designer .description-designer-left {background-color: #fff;color: #333;font-size: 14px;line-height: 30px;font-family: Microsoft YaHei,黑体, sans-serif;width: 80%;height:642px;/*position: absolute;top: 50%;right: 50%;*/text-align: justify;/*margin-right:-264px;*/ margin: 100px auto 0px auto; overflow-y:auto;}
.description-designer-left .hd {height:100px; border-bottom:1px #ebebeb solid;}

.description-designer-left .hd,.description-designer-left .hd h3  {
	    font-weight:bold; 
		display: block;
		float:none;
		margin-bottom:10px;
		font-size:20px; 
		line-height:30px; 
		color:#ba1312;
		font-family: Microsoft YaHei,黑体, sans-serif;
		}
.description-designer-left .bd {padding-top:15px;}
.description-designer-left .bd p { font-size:14px; line-height:26px; color:#333; padding-bottom:20px;}

.description-designer-left .bd h5  {
	    font-size:14px; line-height:26px; color:#ba1312;
		}




/*第三屏幕右侧*/
.descrizione-brand-left{
     background:url(../images/zuofan_logo.png)  no-repeat;
     color: rgb(255, 255, 255);
	 font-size: 13px;
	 line-height: 27px;
	 font-family: "Avenir-Next-Regular", sans-serif;
	 width: 131px;
	 height:162px;
	 position: absolute;
	 top: 46px;
	 left:46px;
	 text-align: justify;}
	 
.descrizione-brand-left  .qs  { 
     width:53px; 
	 line-height:20px; 
	 color:#333; 
	 text-align:center; 
	 left:1px; 
	 top:143px; 
	 font-family:Microsoft YaHei; 
	 position:absolute; }

.descrizione-banner-left{
	 background-color: rgb(0, 0, 0);
	 color: rgb(255, 255, 255);
	 font-size: 13px;
	 line-height: 27px;
	 font-family: "Avenir-Next-Regular", sans-serif;
	 width: 350px;
	 position: absolute;
	 bottom: 20%;
	 left: 20%;
	 text-align: justify;
	 padding: 25px;}



/*第四屏幕*/
#l_collection .description-designer-left {background-color: #efefef;color: #333;font-size: 14px;line-height: 30px;font-family: Microsoft YaHei,黑体, sans-serif;width:75%;height:642px; overflow-y:auto; /*position: absolute;top: 50%;right: 50%;text-align: justify;margin-top:-321px;margin-right:-275px;*/ text-align:left; margin:30px auto 0px auto;}
#l_collection .description-designer-left .hd,#r_collection .description-designer-left .hd {height:150px;}


.chz { font-size:14px; 
       color:#ba1312;
	   font-family: Microsoft YaHei,黑体, sans-serif;   
	   line-height:20px; 
	   text-indent: 2em;
         }
.chz a{ font-size:14px; 
       color:#ba1312;
	   font-family: Microsoft YaHei,黑体, sans-serif;   
	   line-height:20px; 
	   text-indent: 2em;
         }
.chz a:hover{ 
       color:#ba1312;
         }
.ch { font-size:14px; line-height:26px; color:#333; padding-bottom:20px;text-indent: 2em;
         }


.picLog,.pic_t { padding-bottom:25px;}
.picFloat {margin-right:35px; margin-bottom:3px; display: inline;}

#r_collection .description-designer-left {background-color: #efefef;color: #333;font-size: 14px;line-height: 30px;font-family: Microsoft YaHei,黑体, sans-serif;width: 80%;height:642px;/*position: absolute;top: 50%;right: 50%;*/text-align: justify;margin-top:60px; overflow-y:auto;}
.txt_logo {font-size: 14px;line-height: 30px; color:#be3030;font-family: Microsoft YaHei,黑体, sans-serif; position:absolute; bottom:100px; right:100px;}


/********************第四右侧—— 赛事晋级 **************************/
#r_press {background: #BA1312; height:100%;}
#r_press .img_press{width: 580px;height: 720px;/*left: 50%;top: 50%;margin-top: -360px;margin-left: -290px;position: absolute;*/ margin:60px auto 0px auto;}
#r_press .picLog { padding-bottom:5px; text-align:left;}

.listTa li    { 
                padding-top:28px; 
				width:160px;
				height: 330px;
				text-align:center; 
				float:left; 
				margin-right:100px; 
				display:inline;
				}
.t_pic { position:relative; 
         width:146px; 
		 height:220px; 
		 overflow:hidden; 
		 margin:0px auto;
		 }
.t_pic b {width:107px; height:107px; overflow:hidden; position:absolute; left:0px; top:0px; background:url(./images/tx_bg.png) no-repeat;} 
.listTa li .nameS { font-size:30px; font-family:Microsoft YaHei,黑体; color:#fff; padding:5px 0px 10px 0px;}
.listTa li .na  { height:152px; font-size:13px; line-height:22px; font-family:Microsoft YaHei,黑体; color:#e0abaa;}

.listTa li .b {
	            height:0px; 
				border-bottom:1px #e0abaa solid; 
				margin:0px auto; 
				width:160px;
				}
.listTa li .f24 {font-size:24px;}
.block_three_right {background:#efefef;}

.block_12_middel { position:absolute;width:100%;  left:0px; top:0px;background:#efefef;z-index: 10; height:100%; }
.block_12_middel  .hd {height:112px; border-bottom:1px #000000 solid;}
.block_12_middel  .hd .box { width:1000px; height:37px; margin:0px auto; position:relative;}
.block_12_middel  .hd .jhl_pic { position:absolute; left:-85px; top:0px;}
.block_12_middel  .bd { height:640px; margin:0px auto; width:1000px; position:relative;}
.listPic {position:absolute; width:1218px; height:640px; left:-91px; top:-51px;}
.block_12_middel  .title {display: block; width:131px; height:55px; background:url(./images/2009.png) no-repeat; text-align:center; font-style:italic; font-size:36px; font-family:Microsoft YaHei,黑体; color:#000;}
.block_12_middel  .t {display: block;font-size:14px; line-height:26px; padding-top:5px; text-align:center; font-family:Microsoft YaHei,黑体; color:#000; }
.listPic  li {width:131px; float:left; display:inline; margin-right:20px; opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);}
.listPic  li:hover em,.listPic  li:hover .t { color:#ba1312;}
.listPic  li:hover img {opacity: 0.6;
-moz-opacity: 0.6;
filter:alpha(opacity=60);}
.block_12_middel .p12_pic { margin-top:28px;}


/********************第五屏幕 - 赛程进化*********************/
.block_12_middel { position:absolute;width:100%; padding-top:70px; left:0px; top:0px;background:#efefef;z-index: 10; 
                   }

.block_12_middel  .hd {height:112px; border-bottom:1px #000000 solid;}
.block_12_middel  .hd .box { width:1000px; height:37px; margin:0px auto; position:relative;}
.block_12_middel  .hd .jhl_pic { position:absolute; left:-85px; top:0px;}
.block_12_middel  .bd { height:640px; margin:0px auto; width:1000px; position:relative;}
.listPic {position:absolute; width:1218px; height:640px; left:-91px; top:-51px;}

.block_12_middel  .title {
	                       display: block; 
						   width:131px; 
						   height:55px; 
						   background:url(../images/2009.png) no-repeat; 
						   text-align:center; 
						   font-style:italic; 
						   font-size:25px; 
						   font-family:Microsoft YaHei,黑体; 
						   color:#000;
						   }/*晋级年月*/
.block_12_middel  .t {display: block;font-size:14px; line-height:26px; padding-top:5px; text-align:center; font-family:Microsoft YaHei,黑体; color:#000; }
.listPic  li {width:131px; float:left; display:inline; margin-right:20px; opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);}

.listPic  li:hover em,.listPic  li:hover .t { color:#ba1312;}
.listPic  li:hover img {opacity: 0.6;
-moz-opacity: 0.6;
filter:alpha(opacity=60);}
.block_12_middel .p12_pic { margin-top:28px;}
 
#l_social .pinglun {
	                width:1000px;
	                background-color:#fff;  
					z-index: 50; /*height:50px;*/ 
					margin:0px auto; 
					padding-top:30px;
					}
					
/***************** bottom ********************/					
					
.name_t { height:30px; 
          line-height:30px; 
		  background:#b20f23; 
		  color:#fff; 
		  font-family:Microsoft YaHei,黑体; 
		  font-size:14px; 
		  margin-top:35px;
		  }
.name_t a{ 
		  color:#fff; 
		  font-family:Microsoft YaHei,黑体; 
		  font-size:14px; 
		  }
.name_t a:hover{ 
		  color:#fff; 
		  }
.name_layout { width:700px;margin:0px auto;}
.name_layout .te {padding-right:40px; float:left;}