
/* side */
.side{
	position:fixed;
	width:56px;
	right:0;
	top:250px;
	z-index:100;
}

.side ul li{
	width:56px;
	height:50px;
	float:left;
	position:relative; 
	padding-bottom:1px; 
	background:url(../images/line0.png) #cb281c right bottom no-repeat;
}

.side ul li img{
	opacity:0.8;filter:Alpha(opacity=80);
}

.side ul li:hover img{
	opacity:1;filter:Alpha(opacity=100);
}

.side ul li .sidebox{
	border-radius:5px 0 0 0px;
	background:#cb281c;
	position:absolute;
	width:56px;
	height:50px;
	top:0;right:0;
	transition:all 0.3s;/*opacity:0.9;filter:Alpha(opacity=90);*/
	color:#fff;
	font:14px/50px "Î¢ÈíÑÅºÚ";
	overflow:hidden;
}

.side ul li .sidebox:hover{ 
	border-radius:5px 0 0 5px;
}

.side ul li .sidetop{
	width:56px;
	height:50px;
	line-height:50px;
	display:inline-block; 
	background:#cb271c;
	border-radius:0 0 0 5px;/*background:#ff8500;opacity:0.9;filter:Alpha(opacity=90);*/
	transition:all 0.3s;
}

.side ul li .sideewm{
	width:56px;
	height:50px;
	line-height:50px;
	display:inline-block;/*background:#ff8500;opacity:0.9;filter:Alpha(opacity=90);*/
	transition:all 0.3s;
}

.side ul li .sideewm .ewBox {
  width: 203px;
  display: none; 
  color: #363636;
  text-align: center;
  padding-top: 215px;
  position: absolute;
  left: -203px;
  top: -170px;
  background-image: url('../images/leftewm.png');
  background-repeat: no-repeat;
  background-position: center 10px; 
  height:210px
}

.side ul li .sideetel{
	width:56px;
	height:50px;
	line-height:50px;
	display:inline-block;/*background:#000;opacity:0.9;filter:Alpha(opacity=90);*/
	transition:all 0.3s; 
	text-align:left;
}

/*.side ul li .sideetel:hover{background:#f3782a;opacity:1;filter:Alpha(opacity=100);}*/

.side ul li .sideetel .telBox {
  width: 185px;
  height:72px;
  padding-top:135px;
  display: none; 
  color: #363636;
  text-align: center;
  position: absolute;
  left: -185px;
  top: -155px;
  background-image: url('../images/lefttel.png');
  background-repeat: no-repeat;
  background-position: center top;
}

.side ul li .sideetel .telinput{ 
	width:135px;
	text-align:center; 
	height:25px;
	line-height:25px;
	background-color:#fff;
	color:#7d7d7d; 
	font-size:14px;
	margin-left:-8px;
	border:0;
	z-index:9999999;
}

.side ul li .sideetel .telbnt{ 
	width:135px; 
	height:26px; 
	line-height:26px; 
	background-color:#e62f22; 
	font-size:14px; 
	border:0;
	margin-left:-8px; 
	margin-top:5px; 
	color:#fff; 
	cursor:pointer;
	border-radius:4px;}

.side ul li img{
	float:left;
}

.side dl dt{
	width:54px;
	height:54px;
	float:left;
	position:relative;
}

.side dl dt .sidebox{
	position:absolute;
	width:54px;
	height:54px;
	border-bottom:1px solid #444;
	top:0;
	right:0;
	transition:all 0.3s;
	background:#000;
	opacity:0.9;
	filter:Alpha(opacity=90);
	color:#fff;
	font:12px/54px "Î¢ÈíÑÅºÚ";
}

.side dl dd{
	width:54px;
	height:44px;
	float:left;
	position:relative;
	display: none;
}

.side dl dd .sidebox{
	position:absolute;
	width:54px;height:44px;
	border-bottom:1px solid #444;
	top:0;right:0;
	transition:all 0.3s;
	background:#000;
	opacity:0.9;
	filter:Alpha(opacity=90);
	color:#fff;
	font:12px/54px "Î¢ÈíÑÅºÚ"; 
	line-height:44px;}

.side dl dd .sidebox:hover{
	background:#cb281c;
	opacity:1;filter:Alpha(opacity=100);}

.side dl dd .sidebox:hover img{
	opacity:0.8;
	filter:Alpha(opacity=80);}

.side dl img{float:left;}