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

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

/**/

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

/*.detail_content_top_left .show-picture .detail_picture_area{width:420px; height:270px; overflow:hidden;}*/

.detail_content_top .detail_view{width:90px;  float:left; padding:0 10px;}
.detail_content_top .rating{width:180px; height:55px; float:left; border-right:1px solid #e3e3e2; border-left:1px solid #e3e3e2; padding:0 10px;}
.detail_content_top .detail_social{float:left; padding:0 10px;}
.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:55px;
	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.show_market_list{
    list-style: none outside none;
    padding: 0;
}

ul.show_market_list li{
    float: left;
    margin: 5px;
    width: 230px;
}

ul.show_market_list a {display: block; line-height: 30px;}

ul.show_market_list img {
    border: 1px solid #CCCCCC;
    float: left;
    height: 30px;
    margin-right: 5px;
    width: 50px;
}

.content_detail .box_hilight {
    background: none repeat scroll 0 0 #F0F6FF;
    border: 1px solid #C0DAFF;
    border-radius: 5px 5px 5px 5px;
    padding: 10px;
	margin:15px 0;
}

.content_detail .box_hilight h3{color:#0066CC; font-size:15px;}

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

.box_detail_business{
	clear:both;
	padding:15px 0;
}

.box_detail_business .img_left{
	margin-right:20px;
	float:left;
}

.box_detail_business .img_right{
	margin-left:20px;
	float:right;
}
 
/***************************************************/
/*		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:360px;}
/*.detail_content_top_left .show-picture .detail_picture_area{width:380px; height:220px; overflow:hidden;}*/
.detail_content_top_right{width:340px;}
.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;}

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

ul.show_market_list li{width: 220px;}
}
/***************************************************/
/*		Mobile Layout: 320px.*/
@media only screen and (max-width: 767px) {
/*width:300px*/
.content_left{width:280px;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;}

.picture{width:56px; height:40px;}
.picture img.img_thumb{width:56px;}

ul.show_market_list li{width: 210px;}
}
/***************************************************/
/*		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_right{width:auto}
.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;}

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

ul.show_market_list li{width: 210px;}
}