.clear-both{clear:both;}
.social_share{clear: both;}

.social_box_facebook_share,
.social_box_twitter,
.social_box_google,
.social_box_facebook_like,
.social_box_pin{
	float: left;
	padding: 0 3px;
}

/*****loader******/
#siteloader{ position:relative; width:100px;}
#loading-image {
	width:32px;
	height:32px;
	position: absolute;
	z-index: 1000;
	margin-left:80px;
	margin-top:-5px;
}
#siteloader{width:100%;}

.detail_content_top{padding-bottom:15px;}
.detail_content_top_left{width:420px; float:left; margin-right:20px;}
.detail_content_top_right{width:290px; float:left;}

.detail_content_top .detail_view{width:50px;  float:left; padding:0 10px;}
.detail_content_top .rating{width:180px; height:55px; float:left; border:0; border-left:1px solid #e3e3e2; padding:0 10px;}
.detail_content_top .detail_social{float:left; padding:0 10px; border-top:1px solid #e3e3e2; width:100%;}
.detail_content_top  .link_url{ font-style:italic; font-size:11px;}

.NewRelease{  width:730px; border-bottom:1px solid #CCC;}
#ScrollbarNewRelease{ /*height:230px; overflow:hidden;*/}
.NewRelease-picture{ height:135px; padding-bottom:10px;}
.NewRelease h3{ border-bottom:1px dotted #CCCCCC;}
.list_NewRelease{ margin:0; padding:0; list-style:none; }
.list_NewRelease li{ width:200px; min-height:200px; padding:20px; float:left;}
.NewRelease-content .title_link{ margin:0; padding:0; font-size:13px; line-height:16px;}
.NewRelease-content .content_by{ font-size:11px; font-style:italic;}

.content_left{
	width:730px;
	overflow:hidden;
	float:left;
	padding:0;
	margin-top:10px;
	margin-bottom:20px;
	background:#FFF;
	/*
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	*/
}

.content_right{
	width:200px;
	float:right;
	padding:20px 0px;
	padding-top:0px;
	margin-top:10px;
}
.content_right .banner{ margin-bottom:10px;}
.content_right .tags{line-height:14px; color:#333333;}
.content_right .tags a:link{ font-size:11px; color:#777; font-style:italic;}
.content_right .tags a:hover{ text-decoration: underline;}
.content_right .tags .title_tags{ padding-bottom:2px; border-bottom:1px dotted #CCCCCC; margin-bottom:3px;}

.share_social{
	border:1px solid #e3e3e2;
	width:auto;
	height:100px;
	overflow:hidden;
	color:#999;
	font-size:11px;
	padding:0;
	margin-bottom:10px;
}
.box_content_small{
	padding:5px 0;
}

/**photo****/
ul.photo-list{
	padding:0;
	margin:0;
	margin-bottom:20px;
	padding-top:20px;
	list-style:none;
}
ul.photo-list li{
	float:left;
	height:135px;
	margin-right:20px;
}
ul.photo-list .photos_pagelet .MediaThumb {
    background:#FFFFFF;
    border: 1px solid #FFF;
    display: inline-block;
    outline: medium none;
    padding: 4px;
    position: relative;
}
ul.photo-list .photos_pagelet a {
    color: #3B5998;
    cursor: pointer;
    text-decoration: none;
	display:block;
}
ul.photo-list .photos_pagelet .MediaThumbLarge i {
    height:110px;
    width:170px;
}
ul.photo-list .photos_pagelet .MediaThumb i {
    background-color: #EEEEEE;
    background-position: center 25%;
    background-repeat: no-repeat;
    display: block;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
ul.photo-list .photos_pagelet  .tagWrapper {
    overflow: hidden;
    position: relative;
}

ul.photo-list .MediaThumb:hover, 
ul.photo-list .MediaThumb:active, 
ul.photo-list .MediaThumb:focus{
    border-color: #3B5998;
	opacity:0.8;
}


/****image*********/
.photos_view a {cursor: pointer; text-decoration: none; display:block;}
.photos_view .MediaThumb i {background-color: none; background-position: center 25%;  background-repeat: no-repeat; display: block;
	-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.MediaThumb:hover, .MediaThumb:active, .MediaThumb:focus{opacity:0.8;}

.photos_view .MediaThumb { background:none; display: inline-block; outline: medium none; padding:0px; position: relative;}
.photos_view .MediaThumbMedium i {width:200px; height:135px;} /*medium small big*/
.photos_view .MediaThumbSmall i {width:75px; height:50px;}

/*
img.detail_picture{
	opacity:1;
	filter:alpha(opacity=100);
}

img.detail_picture:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}
*/

ul.photo_list{
	list-style:none;
	padding:0;
	margin:0;
}
ul.photo_list li{
	float:left;
	padding:0px;
	margin:2px;
}
.picture{ background:#333; width:80px; height:50px; overflow:hidden; opacity:0.8; filter:alpha(opacity=80);}
.picture img.img_thumb{width:80px;}
.picture:hover{opacity:1; filter:alpha(opacity=100);}

#gal1 .picture {border:2px solid #EEE; }
 /*Change the colour*/
#gal1  .active .picture{border:2px solid #B0B326 !important; opacity:1;}
 
 .zoomContainer {
	width:390px !important;
	height:270px !important;
   /* border: 1px solid #E8E8E6;*/
    margin-bottom: 5px;
}

.showpic_detailMini{ display:none;}
.showpic_detail{ display:block;}

.content_detail.shadow_bottom{padding:5px 0 10px 0; margin-bottom:10px;}
.content_detail h2{color:#0066cc; font-family: supermarket; font-weight:normal; font-size:21px; }

ul.menu-right{
	padding:0;
	margin:0;
	list-style:none;
}

ul.menu-right li{border-top:1px solid #e9e9e9;}
ul.menu-right li:last-child{border-bottom:1px solid #e9e9e9;}
ul.menu-right li a:link,
ul.menu-right li a:visited,
ul.menu-right li a:active
{
	display:block;
	padding:7px;
	color:#666666;
	font-weight:bold;
}
ul.menu-right li a:hover{
	color:#0066cc;
	background:#f5f5f5;
	text-decoration:none;
}
ul.menu-right li p{
	padding:7px; margin:0;
	color:#666666;
	font-weight:bold;
}

.photo_map{display:block; float:left;width:140px; height:90px; overflow:hidden; margin-right:20px; border:2px solid #e2e2e2;}
.photo_map img{width:100%;}

.photo_map:hover{
	border:2px solid #cccccc;
}

.info_preview{
	max-height:90px; overflow:hidden;
}
.info_preview p, .info_preview h3,
.info_preview_full p, .info_preview_full h3
{
	padding:0; margin:0; font-size:13px;
}
.info_preview ul, .info_preview ol,
.info_preview_full ul, .info_preview_full ol
{
	margin-top:0; margin-bottom:0;
}
.info_preview a:link,
.info_preview_full a:link
{
	color:#333333
}



.info_more{margin-top:5px; height:16px;}
.info_more a{
	display:block;
	height:16px;
	background:url(/images/icons/blue-more-icon.gif) no-repeat left center;
	padding-left:18px;
	line-height:16px;
	float:right;
}
.info_preview img{display:none;}

.info_pop_show{display:none; width:750px;}
.info_pop_show h2{
    color: #0066CC;
    font-family: supermarket;
    font-size: 21px;
    font-weight: normal;
}

.info_pop_show h3{
    color: #0066CC;
    font-size: 14px;
    font-weight: bold;
}

.info_pop_show ol{
	padding-left:55px;
}

.info_pop_show .box_hilight{
	padding:10px;
	border:1px solid #c0daff;
	background:#f0f6ff;
	
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.info_pop_show img{display:block; padding:10px;}

.info_pop_show img.popup_map{ width:250px; float:right; padding:0 10px 10px 10px;}

.ref_detail{padding:0; margin:0 0 10px 0; font-size:11px; color:#666666;}

ul.news_list_business{ margin:0; padding:0; list-style:none;}

.box_country{
	/*height: 600px; */
	overflow-y: auto; 
}

 
/***************************************************/
/*		Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
/*width:740px*/


.NewRelease {
    border-bottom: 1px solid #CCCCCC;
    width:500px;
}
.detail_content_top_left{width:420px;}
.detail_content_top_right{width:100%;}
.detail_content_top .detail_view{width:90px;}
.detail_content_top .rating{width:180px; border:0; border-left:1px solid #e3e3e2; }
.detail_content_top .detail_social{float:left; padding:0 10px; border-top:1px solid #e3e3e2; width:100%;}
.share_social{height:100px;}

.content_left{max-width:470px; padding:10px;}
.content_left h1{ font-size:20px;}
.content_right{width:220px;float:right;padding:20px 5px;}

.detail_content_top{padding-bottom:15px; padding-left:0px; padding-top:10px;}

.info_pop_show{width:600px;}
}
/***************************************************/
/*		Mobile Layout: 320px.*/
@media only screen and (max-width: 767px) {
/*width:300px*/
.content_left{width:300px;padding:0;}
.content_left h1{ font-size:20px;}
.content_right{width:280px;float:right;padding:20px 5px;}

.detail_content_top{padding-bottom:15px; padding-left:0px;}
.content_right .list_product_related li .related-content {float: left; width:200px;}

.NewRelease {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    width:300px;
}

.detail_content_top{padding:10px 0;}
.detail_content_top_left {
    margin: 0; padding:0;
	float: none;
    width: 300px;
	padding-bottom:20px;
}
.detail_content_top_right {
	margin: 0; padding:0;
    float: none;
    width: 100%;
}

.detail_content_top_left img{ max-width:100%;}

.detail_content_top .detail_view{width:50px;}
.detail_content_top .rating{width:180px; border:0; border-left:1px solid #e3e3e2; }
.detail_content_top .detail_social{float:left; padding:0 10px; border-top:1px solid #e3e3e2; width:100%;}
.share_social{height:100px;}

.banner{ display:none;}
.NewRelease{ display:none;}

.showpic_detailMini{ display: block;}
.showpic_detail,  .zoomContainer {display:none;}

.info_pop_show{width:auto;}

.picture{width:56px; height:40px;}
.picture img.img_thumb{width:56px;}
}
/***************************************************/
/*		Wide Mobile Layout: 480px.*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
/**width:460px;**/
.content_left{width:440px;padding:10px;}
.content_left h1{ font-size:20px;}
.content_right{width:460px;float:right;padding:10px 0px;}
.content_right .list_product_related li .related-content {float: left; width: 360px;}


.NewRelease {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    width:460px;
}

.detail_content_top{padding:10px 0;}
.detail_content_top_left {
    margin: 0; padding:0;
	float: none;
    width: 420px;
	padding-bottom:20px;
}
.detail_content_top_right {
	margin: 0; padding:0;
    float: none;
    width: 100%;
}

.detail_content_top .detail_view { width: 90px;}
.detail_content_top .rating{width:180px;}

.banner{ display:none;}
.NewRelease{ display:none;}

.showpic_detailMini{ display: block;}
.showpic_detail,  .zoomContainer {display:none;}

.info_pop_show{width:auto;}

.picture{width:80px; height:50px;}
.picture img.img_thumb{width:80px;}
}