/* CSS Document */
/* head replace */
.head	{ background:url(../../images/head_bg_black.gif) no-repeat;}

.gallerycontent{ clear:both; width:958px; text-align:left;}

/* galleryleft */
.galleryleft{ width:224px; float:left; margin-top:20px; background-image:url(gallery_left_bg.gif); font-family:Verdana, Arial, Helvetica, sans-serif}

.galleryright	{ float:right; width:730px;}


.xx h3{padding:0;margin:0; line-height:30px; padding-left:15px; color:#707070; font-size:13px;}
.xx ul{ display: none; padding:0; margin:0; list-style:none;}
.xx ul li{ clear:both;line-height:150%; text-align: left; padding-left:30px; margin:10px 0; font-weight:bold;color:#707070; font-size:11px; }

.xx a{ color:#707070; text-decoration:none; }
.xx a:hover{ color:#DF4A4E; text-decoration:underline;}
.xx a.photo_on	{ color:#FF0000}

.current{background-image:url(dot.gif); background-position:right center; background-repeat:no-repeat; color:#DF4A4E;}

.ad_ h3{ background-position: 0 0; }
.ad_ h3.current{ background-position: -180px 0; }






/* galleryright */
.galleryright{ width:730px; float:left; margin-top:20px; margin-bottom:30px;}
.galleryright ul{ clear:both; padding:0; margin:0; list-style:none;}
.galleryright li{  float:left; display:inline; width:24.9%; text-align:center; height:150px}
.galleryright li.hover{ color:#D80001;}
.galleryright li img{ border:1px solid #CCCCCC; padding:2px; margin:0 3px; display:inline-block; width:140px; height:83px}
.galleryright li p{ clear:both; margin-top:10px; line-height:150%; font-size:11px;}



/* galleryrightpage */
.galleryrightpage{width:730px; float:left; padding-top:20px; padding-bottom:30px;}
.galleryrightpage h1{ text-align:center; font-size:14px; line-height:60px;}
.galleryrightpage h2{ font-size:14px; line-height:20px; margin-left:38px; text-align:left}
.galleryrightpage p{ clear:both; padding:15px 30px;}
.galleryrightpage div	{ text-align:center}
.galleryrightpage img	{ width:522px}

.photo_main_left{ float:left; padding-left:50px; text-align:center}
.photo_main_left img	{ width:500px}

.photo_main_right{ width:140px; margin-left:20px; float:left;}
.photo_main_right ul{ padding:0; margin:0; list-style:none;}
.photo_main_right li{ width:140px; margin:0;}
.photo_main_right img	{ width:88px; border:0}


/* mb product list */
.galleryproduct{margin-left:30px;}

.galleryproduct ul{ padding:0; margin:0; list-style:none;}
.galleryproduct li{ width:144px; margin:0 8px; float:left;}
.galleryproduct li img	{ width:140px; border:#CCCCCC solid 1px; padding:2px; margin:0 0 10px 0}


/* big_pic*/
.big_pic { position:relative; width:526px; border:1px solid #CCCCCC; padding:2px; margin:0 auto}
.big_pic img{z-index:10;}
.big_pic a{ display:block; position:absolute; width:50%; height:310px; background:url(blank.gif); z-index:100}
.big_pic .big_pic_left	{ left:0; top:0}
.big_pic .big_pic_right	{ right:0; top:0}
.big_pic a:hover.big_pic_left{ background:url(prevlabel.gif) no-repeat left}
.big_pic a:hover.big_pic_right{ background:url(nextlabel.gif) no-repeat right}