html,body{
	margin:0px;
	padding:0px;
	height:100%;
}

#solid{
	width:100%;
	clear:both;
	position:relative;
	height:auto;
	overflow:hidden;
	
}
#solid .solid0,#solid .solid1,#solid .solid2,#solid .solid3{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	display:none;
	height:465px;
}



#solid .solid0{
}
#solid .solid1{
}



#solid ul{
	margin:0px;
	padding:0px;
	list-style:none;
	padding-bottom:22.3%;
}
#solid ul li{
	position:absolute;
	top:0px;
	display:none;
	text-align:center;
    transform: scale(1.05); /* 默认初始放大110% */
    transition: all 0.8s ease; /* 过渡时长和淡入同步400ms */
}
#solid ul li img { width:100%; display:block; max-height:465px;}
#solid #btt{
	width:905px;
	height:35px;
	top:-20px;
	left:52.6%;
	position:relative;
	margin-left:-505px;
	
}
#solid #btt span{
	position:absolute;
	top:15px;
	left:43%;
	display:block;
	width:30px;
	height:8px;
	margin:0 15px;	
	text-align:center;
	background:#3d3d3d;
	z-index:1000;
	cursor:pointer;
	filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
	-moz-opacity:0.7; /*Firefox私有，透明度50%*/
	opacity:0.7;/*其他，透明度50%*/
}


/*选项卡1*/
#tab { width:80%; margin:0 auto; border-bottom: 1px solid #ccc; overflow: hidden; padding-bottom: 15px; transform: translate(0);}


/*菜单class*/

.pro_name { position: sticky; top:50px; font-size: 24px; width: 30%;}
.pro_buy { float: right; text-align: center; position: absolute; right: 0; background: #c00; padding: 10px 15px;}

#pro {  width:80%; margin:50px auto;}
#pro_img {  width:100%; margin: 50px auto;}
#pro_img img {  width:100%; height: auto;}

.Menubox {
	width:80%;
	margin:0 auto;
}
.Menubox ul {
	padding: 0px;
}
.Menubox li {
	float: right;
	display: block;
	cursor: pointer;
	text-align: center;
	line-height:36px;
	color: #333;
	font-size:14px;
	margin: 0 25px;
}
.Menubox li.hover {
	padding-bottom: 5px;
	border-bottom: 2px solid #c00;
}
.Contentbox {
	clear: both;
	padding: 15px 0;
	
	
}

@media screen and (max-width:1024px){
	#tab { width: 90%;}
	.Menubox { width:70%;}
}

@media screen and (max-width:650px){

	.pro_name { position: sticky; top:40px; font-size: 14px; width: 40%;}
	.pro_buy { display: none;}
	.Menubox { width:100%;}
}

@media screen and (max-width:540px){
	#tab { width: 98%;}
	.pro_name{ position: absolute; width: 100%; top: 0px; clear: both;font-size: 16px; font-weight: bold;}
	.Menubox { margin-top: 30px;}
	
}