#share_popup_mask
{
	background-image:url('../images/mask.png');
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:25;
	display:none;
}
#share_popup_box
{
	position:absolute;
	top:26vw;
	left:24vw;
	width:52vw;
	height:21vw;
	background-image:url('../images/share popup bg.png');
	z-index:30;
	overflow:visible;
	text-align:center;
	display:none;
	background-position:top left;
	background-repeat:no-repeat;
	background-size:contain;
}
#share_popup_box a.btn_close_popup
{
	float:left;
	height:77vw;
	width:2.5vw;
	display:inline-block;
}

#share_popup_box .main_area
{
	float:left;
	height:77vw;
	width:49vw;
	display:inline-block;
	overflow:hidden;
}
#share_popup_box .main_title
{
	height:2.5vw;
	line-height:2.5vw;
	overflow:hidden;
	color: #4a4a4a;
	font-size:2vw;
	margin:1.5vw 2vw 2vw 2vw;
	text-align:left;
}
#share_popup_box .main_btn_area
{
	height:3vw;
	overflow:hidden;
	margin-left:2vw;
	margin-top:0px;
}
#share_popup_box .main_btn_area a
{
	display:inline-block;
	float:left;
	height:3vw;
	width:14vw;
	line-height:3vw;
	font-size:1vw;
	color: white;
	background-color: #4A4A4A;
	margin-right:1vw;
}
#share_popup_box .main_btn_area a span
{
	display:inline-block;
	float:left;
	height:3vw;
	line-height:3vw;
	font-size:1.5vw;
	color: white;
	width:9vw;
	text-align:center;
}
#share_popup_box .main_btn_area a span.icon
{
	width:3vw;
	text-align:center;
}
#share_popup_box .main_btn_area a span.icon img.hover
{
	position:relative;
	opacity:0;
}
#share_popup_box .main_btn_area a:hover span.icon img.hover {opacity:1;}
#share_popup_box .main_btn_area a:hover
{
	
}
#share_popup_box .main_btn_area a:hover span
{
	color: #f7d779;
}

#share_popup_box .main_btn_area a span.icon i
{
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	width:2vw;
	height:2vw;
	margin-top:0.5vw;
	text-align:center;
}
#share_popup_box .main_btn_area a span.icon i.facebook
{
	background-image:url('../images/share popup facebook.png');
}
#share_popup_box .main_btn_area a:hover span.icon i.facebook
{
	background-image:url('../images/share popup facebook2.png');
}
#share_popup_box .main_btn_area a span.icon i.twitter
{
	background-image:url('../images/share popup twitter.png');
}
#share_popup_box .main_btn_area a:hover span.icon i.twitter
{
	background-image:url('../images/share popup twitter2.png');
}

#share_popup_box .input_box
{
	width:44vw;
	height:3vw;
	line-height:3vw;
	overflow:hidden;
	margin:3.5vw 2vw;
	text-align:left;
	border:0.1vw solid #4A4A4A;	
}
#share_popup_box .input_box input
{
	border:0;
	background-color:white;
	height:3vw;
	line-height:3vw;
	color: #4a4a4a;
	font-size:1.5vw;
	float:left;
	width:32vw;
	text-indent:1vw;
}
#share_popup_box .input_box a
{
	display:inline-block;
	float:left;
	width:12vw;
	height:3vw;
	line-height:3vw;
	color: #4a4a4a;
	font-size:2vw;
	background-color: #f7d779;
	text-align:center;
}
#share_popup_box .input_box a:hover
{
	background-color: #4a4a4a;
	color:white;
}

#share_popup_box .main_area .main_image_area
{
	float:left;
	height:35vw;
	width:80vw;
	margin-left:6vw;
	margin-top:2.5vw;
	display:inline-block;
	overflow:hidden;
}
#share_popup_box .main_area .main_image_area .main_pic
{
	float:left;
	height:35vw;
	width:50vw;
}
#share_popup_box .main_area .main_image_area .main_pic img
{
	height:35vw;
	max-width:50vw;
	float:left;
}
#share_popup_box .main_area .main_image_area .main_pic .hover
{
	height:35vw;
	width:50vw;
}
#share_popup_box .main_area .main_image_area .main_pic .hover
{
	overflow:hidden;
	position:relative;
	top:-35vw;
}
#share_popup_box .main_area .main_image_area .main_pic .hover .water_mark
{
	display:inline-block;
	position:absolute;
	top:30vw;
	left:0;
	height:2vw;
	width:auto;
}
#share_popup_box .main_area .main_image_area .img_desc_area
{
	float:left;
	height:35vw;
	width:20vw;
	padding-left:1vw;
	margin-left:1.5vw;
	background-image:url('../images/yellow-line.png');
	background-position:top left;
	background-repeat:repeat-y;
	text-align:left;
}
#share_popup_box .main_area .main_image_area .img_desc_area .img_title
{
	overflow:hidden;
	font-size:2vw;
	font-weight:bold;
	color: #4a4a4a;
	height:2.5vw;
	line-height:2.5vw;
}
#share_popup_box .main_area .main_image_area .img_desc_area .img_details
{
	overflow:hidden;
	font-size:1vw;
	color: #4a4a4a;
	height:3.5vw;
	line-height:1.4vw;
	margin-top:1vw;
}
#share_popup_box .main_area .main_image_area .img_desc_area .img_desc
{
	font-family: 'Martel Sans';
	overflow:hidden;
	font-size:1vw;
	color: #4a4a4a;
	height:28vw;
	line-height:1.4vw;
	margin-top:1vw;
}