.introduce-main{
	width: 100%;
	background: #1a1a1a;
}
.items {
  background:#000;
  overflow: hidden;
  width:100%;
  height: 900px;
  position: relative;
}
.items_top{ max-width:1730px; margin:0 auto;}
/*left*/
.items .left {
  width: 352px;
  height: 600px;
  background-color: #000000;
  float: left;
}
#items-left{
	width: 354px;
    height: 600px;
    background-color: #000000;
    border-right:1px solid #666;
    float: left;
}

.left ul li .items-title {
  padding-left: 20px;
  line-height:35px;
  font-size: 30px;
  font-family: ;
  border-left: 8px solid #deb772;
  color: #ffffff;
}
.items-introduce {
  margin-top: 30px;
  width: 280px;
  padding-left: 30px;
  font-size: 14px;
  line-height: 30px;
  color: #999;
  font-family: microsoft yahei;
}
.left ul li .play {
  border: 1px solid #ffffff;
  border-radius: 5px;
  background-color: #fff;
  margin-top: 33px;
  width: 280px;
  height: 63px;
  overflow: hidden;
}
.play .left {
  float: left;
  width: 106px;
  height: 100%;
  background-color: #fff;
  position: relative;
  border-right: 1px solid #E3E4E8;
}
.play .left .pre {
  cursor: pointer;
  position: absolute;
  width: 16px;
  height: 14px;
  background: url("../images/pre.png") no-repeat;
  left: 10px;
  top: 26px;
}
.play .left .go {
  cursor: pointer;
  position: absolute;
  width: 28px;
  height: 28px;
  background: url("../images/go.png") no-repeat center center;
  left: 39px;
  top: 17px;
  background-color: #DFB873;
  border-radius: 14px;
}
.left .next {
  cursor: pointer;
  position: absolute;
  width: 16px;
  height: 14px;
  background: url("../images/next.png") no-repeat;
  left: 80px;
  top: 26px;
}
.play .right {
  float: right;
  height: 100%;
  width: 163px;
  font-family: microsoft yahei;
  padding-left: 10px;
}
.right .title {
  margin-top: 11px;
  height: 14px;
  color: #DFB873;
  font-size: 14px;
}
.right .time {
  margin-top: 8px;
  height: 8px;
  width: 100%;
  color: #a6aaae;
}
.time .start-time {
  float: left;
  font-size: 8px;
  line-height: 8px;
}
.time .end-time {
  float: right;
  font-size: 8px;
  padding-right: 33px;
  line-height: 8px;
}
.right .progress {
  margin-top: 5px;
  position: relative;
  width: 133px;
}
.progressbarbar {
  position: absolute;
  height: 8px;
  width: 133px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px ;
  background-color: #E3E4E8;
}
.progress .loaded {
  position: absolute;
  height: 8px;
  width: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px ;
  background-color: #DFB873;
}
.link {
  margin-top: 35px;
  height: 26px;
  padding-left: 20px;
  border: none;
}
.link li {
  float: left;
  border: none;
  height: 30px;

}

.link li> a {
  display: block;
  height: 26px;
  font-size: 14px;
  color: #000000;
  line-height: 26px;
  font-family: microsoft yahei;
  text-align: center;
}
.link li .ar {
  width: 60px;
  background: url("../images/link-1-1.png") no-repeat;
}
.link li .vr {
  width: 60px;
  background: url("../images/link-2-2.png") no-repeat;
}
.link li .box {
  width: 60px;
  background: url("../images/link-2-2.png") no-repeat;
  position: relative;
}

.link li .link-play {
  width: 60px;
  background: url("../images/link-3-3.png") no-repeat;
  position: relative;
}

/*right  banner*/
.banner-content-right{
	max-width:1375px;
	font-size:14px;
	height: 600px;
	overflow: hidden;
	position: relative;
	text-align: center;

}
#container{
	max-width:1375px;
	height: 600px;
	text-align: center;


}
.banner-ul-content{
	max-width:1375px;
	height: 550px;
	display: inline-block;
	background: #000000;
	overflow: hidden;
	text-align: center;
}
.banner-content{
	
	background: #000000;
	overflow: hidden;

}

.banner-content li{
	max-width:1375px;
	width:100%;
	float:left;
	height:600px;
	line-height:600px;	
	text-align:center;
}
.banner-content li img{ height:600px; max-width:80%;}
.banner-nav{
	width: 100%;
	height: 205px;
	overflow: hidden;
	border-top:1px solid #666;   
	background: #3D3D3D;
	margin-top:30px;
	position:relative;
}
.banner-nav .banner-navin{width:90%;margin:0 auto; height:205px; overflow:hidden;     position: relative;}
.banner-nav ul{  
	position: absolute;
    width: 99999px;
    height:225px;
    }
.banner-nav li{
	display:block;
	float:left;
	width: 305px;
	height: 186px;
	overflow:hidden;
	margin: 10px 0 0 0;
	
}

.banner-nav li a{
	display:block;
	width: 300px;
	height: 180px;
	border:2px solid;
	border-color:transparent;
	position:relative;
}
.bannerL_name{ 
	position:absolute;
	height:50px;
	width:300px;
	bottom:0px;
	left:0px;
	line-height:50px;
	overflow:hidden;
	text-align:center;
	font-size:16px;
	color:#999;
	background:rgba(0,0,0,0.5);
	text-overflow: ellipsis;
	white-space: nowrap;
	display:none;

	
}
.banner-nav li a:hover{ border:2px solid #eee; border-radius:3px; }
.banner-nav li a:hover .bannerL_name{ display:block;}
.banner-nav li img{
	width: 300px;
	height: 180px;
	margin: 0 auto;
}
.prev, .next { 
				width:60px; height:100px;
				 position:absolute; 
				 top:50%; 
				 margin-top:-50px;
				 cursor: pointer; 
				 color:white; text-align: center; 
				 
			}
		.next {right:8%;}
		.prev {left: 8%;}

.nav-prev{ 
				width:35px; height:200px;
				 position:absolute;  
				 top:20px;
				 left: 3%; 
				 margin:auto 0;  
				 cursor: pointer; 
				 text-align: center; 
			}
.nav-next{ 
				width:35px; height:200px;
				 position:absolute;  
				 top:20px;
				 right: 3%; 
				 margin:auto 0;  
				 cursor: pointer; 
				 text-align: center; 
			}

/*下拉*/
.introduce-xiala{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	background: #1A1A1A;
}
.xiala-left{
	width: 795px;
	height: 1035px;
	margin-top: 40px;
	margin-bottom:40px;
	background: white;
	float: left;
}
.pinglun-con{
	height: 48px;
	border-bottom: 1px solid #CCCCCC;
}
.pinglun{
	width: 163px;
	line-height: 48px;
	color: #DFB873;
	text-align: center;
	background: url(../images/3-msg/liebiaotu_03.png) no-repeat center top;
	border-bottom: 2px solid white;
	border-right: 1px solid #CCCCCC;
}
.pinglun b{
	font-weight: 100;
	color: #f00;
	padding:0 10px;
}
/*定位的分享收藏和官微*/
#fenxiang_01{
	position: absolute;
	left: 20px;
	top: 10px;
	color: #666666;
	background: url(../images/Share_01.png) no-repeat left center;
	z-index:999;
	padding-left: 22px;
}
#fenxiang_01:hover{
	cursor: pointer;
	color:#DFB873;
}
#shoucang_01:hover{
	cursor: pointer;
}
#shoucang_01{
	position: absolute;
	left: 100px;
	top: 10px;
	
	padding-left: 22px;
	z-index:999;
}
.no_shouc{	background: url(../images/aa1.png) no-repeat left center; color: #666666;}
.yes_shouc{	background: url(../images/aa2.png) no-repeat left center; color:#DFB873;}
i{ font-style:normal; padding:0 5px;}
.quanzi-href{
	position: absolute;
	right: 10px;
	top: 10px;
}
.quanzi-href a{
	display: inline-block;
	font-size:14px;
	width: 155px;
	height: 40px;
	color: #000000;
	margin-top: 10px;
	background: #DFB873;
	text-align: center;
	line-height: 40px;
}
.alert-box{
	width: 300px;
	height: 230px;
	position: absolute;
	right: 180px;
	top: 10px;
	color:#000;
	background:#999;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.alert-box img{
	margin-top: 20px;
}
.alert-box h3{
	line-height: 40px;
	text-align: left;
	padding:0 20px;
	font-weight:normal;
}
.alert-box p{
	line-height: 20px;
	text-align: left;
	padding:3px 20px;
}

/**/
.pinglun-put{
	margin-left: 35px;
	padding-top:20px;
	width: 700px;
	height: 208px;
}
.pinglun-put span{
	font-size: 20px;
	color: #999;
	display: inline-block;
	line-height: 40px;
}
.peoplePut{
	margin-top:10px;
	width: 695px;
	height: 75px;
	color:#999;
	border:1px solid #ccc;
	resize: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	outline:none;
	padding:5px 10px;;
}

/*弹框*/
.alert-repair{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.5);
	z-index: 101;

}
.alert-repairin{
	position:fixed;
	background:#fff;
	width: 500px;
	height: 300px;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -150px;	
	text-align: center;
}
.alert-repair p{
	height: 40px;
	line-height: 40px;
	text-align: right;
	background: #ccc;
	padding-right: 10px;
	color: white;
}
.alert-repair p span{ 
	display:block;
    float: right;
    margin: 10px 5px;
    color: #fff;
    height: 20px;
    width: 20px;
    line-height: 20px;
    border-radius: 10px;
    background-color: #666;
    text-align: center;
}
.alert-repair textarea{
	text-align: left;
	border: 1px solid #DFB873;
	margin:15px auto ;
	padding:10px;
	border-radius:10px;
	width: 454px;
	height: 160px;
}
.sumit-btn{
	text-align: center;


}
.alert-repair a{
	display: inline-block;
	width: 70px;
	height: 30px;
	background:#DFB873 ;
	color: #fff;
	line-height: 30px;
	text-align: center;
}
.alert-repair p span:hover{
	cursor: pointer;
}

.put-submit{
	margin-top: 15px;
	font-size:16px;
}
.put-submit a{
	display: inline-block;
	width: 110px;
	height: 36px;
	float: right;
	color: white;
	text-align: center;
	line-height: 36px;
	background: #dfb972;
}
.photoPut{
	float: left;
}
/*右边*/
.xiala-right{
	width: 380px;
	float: left;
	background: #1a1a1a;
	margin-top: 40px;
	margin-left: 20px;
	font-size:14px;
}


.xiala-con{
	margin-bottom: 30px;
    height: auto;
}
.xiala-zixun-head{
	height: 60px;
	border-bottom: 1px solid #2b2b2b;
}
.xiala-zixun-head h3 span:hover{
	cursor: pointer;
}
.xiala-zixun-head a{
	color:#999;
	display: inline-block;
	float: right;
	line-height: 60px;
	padding-left: 20px;
}
.xiala-zixun-head h3{
	color: #d5d5d5;
	line-height: 60px;
	font-weight:normal;
}
.zixunContent a{ display:block;  border-bottom:1px solid #333;}
.xiala-zixun-con{
	width: 375px;
	height: 45px;
	line-height:45px;
	overflow: hidden;
}


.xiala-zixun-con img{
	float: left;
}
.xiala-zixun-con dl{
	float: left;
	margin-left: 10px;
	
}
.xiala-zixun-con dd{
	color: #CCCCCC;
}
.xiala-zixun-con dd:hover{
	cursor: pointer;
}
.wenchuang-ban dd:hover{
	cursor: pointer;
}
.wenchuang-ban dt p:hover{
	cursor: pointer;
}
.xiala-zixun-con dt{
	color: #666;
	line-height: 30px;
	margin-top: 8px;
}

.like-num{
	color: #ccc;
	padding-left: 30px;
	margin-right: 45px;
	background: url(../images/shequnry.png);
}
.like-pinglun span:hover{
	cursor: pointer;
}
.pinglun-num{
	color: #575757;
	padding-left: 25px;
	margin-right: 60px;
	background: url(../images/comments.png) no-repeat left center;
}

.wenchuang-ban{
	width: 380px;
	height: 197px;
	border: 1px solid #323232;
	overflow: hidden;
	position: relative;
}
.wenchuang-ban li{
	margin:0px 5px 0 5px;;
	float: left;
	display: inline-block;
}
.wenchuang-ul{
	height: 170px;
	width:9999px;
	/*overflow: hidden;*/
	position: absolute;
	left: 0;
	display: inline-block;

}
.goodsBox{
	width:135px;
	height: 167px;
	overflow: hidden;
}
.goodsBox dt{height:45px;}
.goodsBox dt p{
	padding:0 10px;
	height:20px;
	overflow:hidden;
	line-height: 20px;
	font-size:10px;
	color: #c4c4c4;
}
.goodsBox dt span{
	padding:0 10px;
	line-height: 15px;
	font-size: 14px;
	color: #d6b16f;
}
.wenchuang-prev{
	width: 40px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 10px;
}
.wenchuang-next{
	width: 40px;
	height:100px;
	text-align: center;
	position: absolute;
	right: 0px;
	top: 10px;
}
.wenchuang-prev img{ width:30px;}
.wenchuang-next img{ width:30px;}
.wenchuang-box{
	width: 290px;
	height: 170px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	margin-top:20px;
}
.wenchuang-prev:hover{
	cursor: pointer;
}
.wenchuang-next:hover{
	cursor: pointer;
}