/******************************
 zpageproduct 
*******************************/

#productheader {position:absolute; top:0px;z-index:10; }

#productheader #zproductmenu 
{
	font-size:18px; 
	width: 115px;
	color:#465257; 
	background:#ffffff;
	border-radius:5px; 
	padding:0px 10px 0px 10px;
	text-decoration:none;
	display: inline-block;
}

#productheader #zproductmenu:hover{background:#43b6b3; color:#ffffff; alpha(opacity=70); 	opacity: 0.7;}


#productheader #zproductmenu.selected {}

 

/*** Body Content ***/
#wrapper	{ margin: 0px; padding:0px; width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; }

#mask		{ margin: 0px; padding:0px;  width:960%; height:100%; }

.box		{ margin: 0px 0px 0px 0px; padding:40px 0px 0px 0px; width:10%; height:100%; float:left; }
#zview {padding:0px 10px 0px 10px;}
#zview a .normal
{
	font-size:18px;
	background:#ccccff; 
	padding:0px 10px 0px 10px;
	border-radius: 5px;
	display: inline-block;
	width:120px;
	text-align:center;
	cursor:pointer;
}

#zview a:hover  .normal
{
	font-size:18px;
	color:#ffffff;
	background: #9aa9be; 
 	padding:0px 10px 0px 10px;
	border-radius: 5px;
	display: inline-block;
	width:120px;
	text-align:center;
	cursor:pointer;
 
}

#zview a .selected
{
	font-size:18px;
	color:#ffffff;
	background: #4e6078; 
 	padding:0px 10px 0px 10px;
	border-radius: 5px;
	display: inline-block;
	width:120px;
	text-align:center;
	cursor:pointer;
	box-shadow: 0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	-moz-box-shadow: 00px 0px 5px #000000;
}


#producimg img
{ 
	margin-top:4px;
	border:2px solid #ffffff;
	width:320px;
	height:380px;
	box-shadow: 0px 0px 8px #000000;
	-webkit-box-shadow: 0px 0px 8px #000000;
	-moz-box-shadow: 0px 0px 8px #000000;
	border-radius: 5px;
}

.productdata
{
	font-size:18px;
	text-align:justify; 
	padding:10px; 
	margin:5px; 
	height:340px; 
	width:620px; 
	border:1px solid #e2e2e2; 
	overflow:auto; 
	border-radius: 5px;
/*	filter: alpha(opacity=90); 
	opacity: 0.9;
	background: #ffffff;*/
}

#mask #producttitle 
{
 
	color: #ffffff;
	text-align:justify;
	padding-top:3px; 
	font-size:25px;  
	padding:0px 10px 0px 10px;
	font-weight:normal;
	text-decoration:none; 
	background:#003333;
	filter: alpha(opacity=70); 
	opacity: 0.7;
	border-radius: 5px;
}
 

#zpageproduct #productxt{
	color: #000000;
	text-align:justify;
	padding-top:3px; 
	font-size:18px;  
	padding-left:10px;
	font-weight:normal;
	text-decoration:none; 
	line-height:16px;
}



#zpageproduct{
	background-color:#9cc9b8;
	background-attachment: fixed;
	width:100%;
	height:100%;	
	position: relative;
 
	background-image:url(../../asset/images/product/bg.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#zpageproduct #content{
	position:absolute;
	z-index:3;
	top: 80px;
	left: 0px;
	
}



#zpageproduct #txt_title{
	color: #000000;
	text-align:justify;
	padding-top:3px; 
	font-size:28px;  
	padding-left:10px;
	font-weight:normal;
	text-decoration:none; 
}




#zpageproduct #obj{
	position:absolute;
	z-index:3;
	top: 80px;
	left: 0px;
}

#zpageproduct #obj3{
	position:absolute;
	z-index:3;
	top: 380px;
	left: 0px;
}

#zpageproduct #obj3 img{
	border:0px;
	border-radius: 3px;
	box-shadow: 0px 0px 10px #000000 ;
	-webkit-box-shadow: 0px 0px 10px #000000 ;
	-moz-box-shadow: 0px 0px 10px #000000 ;
}

#zpageproduct #video{
	border-radius: 5px;
	background-color:#000000; 
	border:3px solid #3b3b3b;
	z-index:3;
	box-shadow: 0px 0px 20px #000000 ;
	-webkit-box-shadow: 0px 0px 20px #000000 ;
	-moz-box-shadow: 0px 0px 20px #000000 ;
}



#zpageproduct #imgfade{
	z-index:4;
	border-radius: 5px;
	background-color:#000000; 
	border:3px solid #ffffff;
	z-index:2;
	box-shadow: 0px 0px 20px #000000 ;
	-webkit-box-shadow: 0px 0px 20px #000000 ;
	-moz-box-shadow: 0px 0px 20px #000000 ;
}

#zpageproduct #profile{
	z-index:5;
	position:absolute;
	border-radius: 5px;
	top: 400px;
	left: 0px;
	width:100%; 
	z-index:3; 
}

 


#zpageproduct #img1{
	position:absolute;
	top: 100px;
	left: 30px;
}
#zpageproduct #img2{
	position:absolute;
	top:100px;
	left:100px;
}
#zpageproduct #img3{
	position:absolute;
	top:150px;
	left:300px;
}
#zpageproduct #img4{
	position:absolute;
	top:450px;
	left:300px;
}
#zpageproduct #img5{
	position:absolute;
	top:200px;
	right:300px;
}
#zpageproduct #img6{
	position:absolute;
	top:100px;
	right:300px;
}