#main{
	width:954px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	font-size:13px;
}

/*** 作品信息 ***/
#works{
	float:left;
	width:738px;
}
#works #photo{
	float:left;
	width:716px;
	height:585px;
	padding:10px;
	border:1px solid #DDDDDD;
}
#photo .photo_name{
	float:left;
	width:716px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
}
#photo .photo_name .title{
	float:left;
	font-size:15px;
	font-weight:bold;
}
#photo .photo_name .curr_img{
	float:left;
	font-size:15px;
}
#photo .photo_name .share{
	float:right;
	margin-top:3px;
	margin-right:10px;
}
a.fb_share_btn {
	float:left;
    width:22px;
    height: 22px;
	margin-left:10px;
	margin-right:10px;
    background: url("../../../images/index/design/w_ico5.png") no-repeat;
    display: inline-block;
}
#photo .photo_name .share .fb-like{
	float:left;
}
/*
#photo .photo_name .share .good{
	float:right;
	width:45px;
	overflow:hidden;
}
#photo .photo_name .share .good_hidden{
	position:relative;
	top:-24px;
	left:50px;
	width:100px;
	height:24px;
	border:1px solid #F00;
	z-index:10000;
}*/
#works .detail{
	float:left;
	width:738px;
	margin-top:20px;
}
#works .detail .title{
	width:738px;
	height:33px;
	line-height:33px;
	vertical-align:middle;
	font-size:15px;
	font-weight:bold;
}
#works .detail .title span{
	height:22px;
	margin-left:10px;
	padding-left:10px;
	background:url(../../../images/index/design/w_ico4.png) no-repeat;
}
#works #company_detail .title{
	float:left;
	width:736px;
	border:1px solid #674937;
	background:url(../../../images/index/design/w_ico2.png) repeat-x;
}
#works .detail table{
	width:738px;
	border-top:1px solid #CFA479;
	border-left:1px solid #CFA479;
}
#works .detail table tr td{
	height:38px;
	padding-left:15px;
	vertical-align:middle;
	border-right:1px solid #CFA479;
	border-bottom:1px solid #CFA479;
	font-size:15px;
}
#works .detail table tr td.name{
	width:85px;
	background-color:#ECE2CB;
	font-size:13px;
}
#works .detail table tr td.value{
	width:268px;
	height:28px;
	padding:5px 10px 5px 15px;
	font-size:13px;
}
#works #company_detail table{
	border-color:#ACACAC;
}
#works #company_detail table tr td{
	border-bottom: 1px solid #ACACAC;
    border-right: 1px solid #ACACAC;
}
#works #company_detail table tr td.name{
	width:145px;
	background-color:#ECE2CB;
	font-size:13px;
}
#works #company_detail table tr td.value{
	width:585px;
	height:28px;
	padding:5px 10px 5px 15px;
	font-size:13px;
}

/*** 公司信息 ***/
#company{
	float:right;
	width:205px;
}
#company .info{
	float:left;
	width:195px;
	padding:0px 5px 10px 5px;
	border:1px solid #DDDDDD;
}
#company .info .company{
	width:170px;
	height:29px;
	background:url(../../../images/index/design/w_compnay.jpg) no-repeat;
	display:inline-block;
}
#company .company_info{
	float:left;
	width:185px;
	margin-bottom:10px;
	padding:10px;
	border-top:0px;
}
#company .info .title{
	float:left;
	width:100%;
	font-size:13px;
	font-weight:bold;
}
#company .info .company_name{
	font-size:15px;
}
#company .info .item{
	float:left;
	width:185px;
	margin-bottom:10px;
}
.item ul.works{
	float:left;
	width:100%;
}
.item ul.works li{
	float:left;
	width:50%;
	margin-top:10px;
}
#company .info .logo{
	float:left;
	width:87px;
	height:67px;
	margin-right:2px;
}
#company .info .logo a:link, #company .info .logo a:visited{
	float:left;
	width:85px;
	height:65px;
	margin-right:10px;
	border:1px solid #DDDDDD;
}
#company .info .author{
	float:left;
	width:172px;
	height:82px;
}
#company .info .author a:link, #company .info .author a:visited{
	float:left;
	margin-right:0px;
	margin-left:5px;
	width:170px;
	height:80px;
}
#company .info .logo a:hover{
	float:left;
    border: 1px solid #FF6600;
}
#company .info .company_data{
	float:left;
	width:96px;
}
#company .info .company_data li{
	height:20px;
}
#company .info .area{
	float:left;
	line-height:22px;
	vertical-align:bottom;
}
#company .info .opt1{
	float:left;
	width:100%;
	text-align:center;
	display:inline;
}
.show_tel{
	display:inline-block;
	width:129px;
	height:32px;
	/*margin-left:33px;*/
	background:url(../../../images/index/design/w_show_tel.png) no-repeat;
	display:none;
}
#company .txt{
	float:left;
	width:195px;
	height:30px;
	padding-left:10px;
	line-height:30px;
	vertical-align:middle;
	background-color:#EDEDED;
	border:1px solid #DDDDDD;
	border-bottom:0px;
	font-size:15px;
	font-weight:bold;
	color:#333333;
}
/*#company .info .opt1 .post_demand{
	display:inline-block;
	width:129px;
	height:30px;
	background:url(../../../images/index/design/w_post_demand.png) no-repeat;
}*/
#company .info .item #about1{	/*** 感興趣的作品 ***/
	float:left;
	width:195px;
}
#about1 li.about1_data{
	float:left;
	width:195px;
	padding:10px 0px;
	border-bottom: 1px dashed #CCCCCC;
}
#about1 li.about1_data .cover a{
	float:left;
	width:90px;
	height:60px;
	margin-right:3px;
	border: 1px solid #DDDDDD;
}
#about1 li.about1_data .cover a:hover{ 
	border: 1px solid #FF6600;
    float: left;
}
#about1 li.about1_data ul{
	float:left;
	width:98px;
}
#about1 li.about1_data ul li{
	float:left;
	width:107px;
	line-height:20px;
}
#company .more_works{
	float:left;
	width:200px;
	height:28px;
	padding-right:5px;
	line-height:28px;
	text-align:right;
	vertical-align:middle;
	border: 1px solid #DDDDDD;
	border-top:0px;
	background-color:#EDEDED;
}

/*** 此類型其他作品 ***/
#about2{
	float:left;
	width:852px;
	padding:20px 50px;
	border:1px solid #FCBE95;
	background-color:#FBFCFF;
}
#about2 .about2_title{
	float:left;
	width:852px;
}
#about2 .about2_title .title{
	float:left;
	font-size:15px;
	font-weight:bold;
	color:#FF6200;
}
#about2 .about2_title .more_works2{
	float:right;
}
#about2 ul.about2_data{
	float:left;
	width:852px;
	margin-top:5px;
	list-style-type:none;
}
#about2 ul.about2_data li.about2_detail{
	float:left;
	width:160px;
	margin-right:10px;
}
#about2 ul.about2_data li.about2_detail ul{
	float:left;
	width:100%;	
}
#about2 ul.about2_data li.about2_detail ul li{
	float:left;
	width:150px;
	margin-top:5px;
}
#about2 ul.about2_data li.about2_detail ul li.cover a{
	float:left;
	width:150px;
	height:125px;
	border: 1px solid #DDDDDD;
}
#about2 ul.about2_data li.about2_detail ul li.cover a:hover{
	float:left;
	border: 1px solid #FF6600;
}

.clear10{
	clear: both;
    display: block;
    height: 10px;
    overflow: hidden;
}
.c1{
    color: #FE6800;
	font-size:15px;
    font-weight: bold;
}
.c2{
    color: #FE6800;
}
.c3{
    color: #FE6800;
	font-size:17px;
    font-weight: bold;
}
.c4{
    color:#999999;
	font-size:12px;
}
.tel{
	height:25px;
	padding-top:4px;
	padding-left:28px;
	margin:3px 0px;
	font-size:17px;
	background:url(../../../images/index/design/design.png) no-repeat;
	overflow:hidden;
	display:inline-block;
}


/* photo show */
#show{
	width:716px;
	height: 555px;
	float:left;
	position:relative;
}
#show .viewer{
	width:716px;
	height:480px;
	overflow:hidden;
	margin:auto;
	margin-bottom:10px;
	text-align:center;
}
/*#show .enlarge{
	height:10px;
	line-height:10px;
	text-align:center;
	border-left:none;
	border-right:none;
	font-size:13px;
}*/
#show .thumbnails_prve{
	float:left;
	width:635px;
	height:59px;
	padding:2px 19px 2px 19px;
	line-height:65px;
	vertical-align:middle;
	overflow:hidden;
	text-align:left;
	position:relative;
	background-color:#E5E5E5;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
#show .thumbnails_prve .thumbnails{
	float:left;
	width:637px;
	height:59px;
	position:relative;
	overflow:hidden;
}
#show .thumbnails ol{
	float:left;
	width:9999px;
	position:absolute;
	top:0;
	outline:none;
}
#show .thumbnails li{
	float:left;
	height:59px;
	width:80px;
	text-align:center;	
}
#show .thumbnails li a{
	display:block;
	width:70px;
	height:55px;
	margin:auto;
	border:2px solid #E5E5E5;
}
#show .thumbnails li a img{
	cursor:pointer;
	float:left;
}
#show .thumbnails li a:hover{
	border:2px solid #FE6800;
}
#show .thumbnails li a.selected,#show .thumbnails li a.selected:hover{
	border:2px solid #FE6800;
}
#show .prev_control,#show .next_control{
	width:20px;
	height:65px;
	display:block;
	/*background:url(../../../images/index/house/detail_show_control.gif) no-repeat;*/
	text-indent:-999px;
	overflow:hidden;
	cursor:pointer;
	float:left;
	outline-color:#999;
	background-color:#494949;
}
#show .prev_control{
	background:url(../../../images/index/design/w_img_prev.png) no-repeat;
}
#show .next_control{
	background:url(../../../images/index/design/w_img_next.png) no-repeat;
	/*background-position:-20px 0;*/
}
#show b,#show s{
	width:6px;
	height:6px;
	display:block;
	bottom:-1px;
	_bottom:-10px;
	background:url(../../../images/index/house/detail_show_roundcorners.gif) no-repeat;
	position:absolute;
	left:-1px;
}
#show s{
	left:auto;
	right:-1px;
	background-position:-6px 0;
}
#show .first_control,#show .last_control{
	/*outline:none;
	cursor:default;
	filter:alpha(opacity=50);
	opacity:0.5;*/
}
#show .dot{
	position:absolute;
	top:171px;
	left:179px;	
	width:16px;
	height:24px;
	background-image:url(../../../images/index/map/dot-s-nomarl_16x24.png);
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='../../../images/index/map/dot-s-nomarl_16x24.png');	
}
#show .image_value{
    position: absolute;
    left: 0;
	top:425px;
    width:696px;
    height:45px;
    padding:5px 10px;
	opacity:0.5;
	filter:alpha(opacity=50);
	line-height:23px;
    background-color: #000000;
    color: #FFFFFF;
    font-size: 14px;
    text-align: left;
	overflow:hidden;
}
#show .image_value #image_space{
	float:left;
    width:680px;
	font-weight:bold;
}
#show .image_value #image_note{
	float:left;
    width:680px;
	overflow:hidden;
}
#image_value_close{
    position: absolute;
    left:695px;
	top:430px;
	width:16px;
	height:16px;
	background:url(../../../images/index/design/w_ico6.png) no-repeat;
	cursor:pointer;
}
#show .viewer a{
    top:0px;
    left:0px;
    width:50%;
    height:480px;
	display:block;
	position:absolute;
	outline:none;
	text-indent:-999px;
	border:1px solid #f60;
	background:#fff;
	opacity:0;
	filter:alpha(opacity=0);
}
#show .viewer .next_mouse{
    left:50%;
}
#show .viewer .prev_ico{
	position:absolute;
	top:185px;
	left:10px;
	width:43px;
	height:49px;
	background:url(../../../images/index/design/w_img_prev3.png) no-repeat;
	display:none;
	cursor:pointer;
}
#show .viewer .next_ico{
	position:absolute;
	top:185px;
	right:10px;
	width:43px;
	height:49px;
	background:url(../../../images/index/design/w_img_next3.png) no-repeat;
	display:none;
	cursor:pointer;
}

/*** 圖片瀏覽完，推薦3 ***/
#about3_1{
	z-index: 10000; 
	position: absolute;
	left: 0; 
	top: 0;
	width:1423px; 
	height:2100px; 
	opacity: 0.5; 
	filter:alpha(opacity=50);
    background-color: #000000;
	display:none;
}
#about3_2{
	z-index: 10001; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 1423px; 
	height: 2100px;
	display:none;
}
#about3{
	height: 100%;
    margin: auto;
    width: 952px;
    position: relative;
    text-align: left;
}
#about3 #about3_detail{
    position: relative;
	top:380px;
	left:110px;
	width:508px;
	height:360px;
	padding:10px;
	background-color:#FFF;
	border:2px solid #D4D4D4;
}
#about3_detail .curr_works{
    position:relative;
	width:508px;
	height:90px;
	border-bottom:1px solid #D4D4D4;
}
#about3_detail .curr_works .cover{
	float:left;
    position:relative;
	width:100px;
	height:65px;
	margin:10px 10px 0px 20px;
}
#about3_detail .curr_works .title{
	float:left;
	width:300px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:15px;
	font-weight:bold;
}
#about3_detail .curr_works .share{
	float:left;
	width:300px;
}
#about3_detail .curr_works a{
	float:left;
}
#about3_detail .curr_works span{
	float:left;
	margin-left:30px;
}
#about3_detail .curr_works a.fb_share_btn{
	float:left;
	width:50px;
	margin:0px;
	padding-left:20px;
	line-height:16px;
	vertical-align:bottom;
	color:#333333;
	text-decoration:none;
	background: url("../../../images/index/build/facebook_ico.gif") no-repeat;
}
.browse{
	float:right;
}
#about3_detail .curr_works #close_about3{
	float:right;
	top:0px;
	width:16px;
	height:16px;
	background:url(../../../images/index/design/w_ico3.png) no-repeat;
}
#about3_detail .top_works{
    position:relative;
	width:488px;
	height:215px;
	padding:10px;
	padding-right:0px;
}
#about3_detail .top_works .title{
	float:left;
	margin-bottom:10px;
	font-size:15px;
	font-weight:bold;
}
#about3_detail .top_works ul{
	float:left;
	width:498px;
}
#about3_detail .top_works ul li{
	float: left;
    margin-right: 10px;
    width: 154px;
	height:164px;
	text-align: center;
}
#about3_detail .top_works ul li img{
	border: 2px solid #EEEEF0;
    float: left;
    margin-bottom: 5px;
    width: 150px;
}
#about3_detail .all_works a{
	float:left;
	width:127px;
	height:29px;
	margin-left:194px;
	background:url(../../../images/index/design/w_link_works1.png) no-repeat;
}