/* CSS Document */
* { font-size:12px; font-family:Arial,"SimSun"}
body {color:#6C6C6C; margin:0 auto;margin-top:33px;background:#000000;}
ul,ol,li { list-style:none}
input { height:15px; padding-top:3px; padding-left:3px; color:#505050; border-left:1px solid #63666f; border-top:1px solid #63666f; border-bottom:1px solid #cdced1; border-right:1px solid #cdced1; vertical-align:middle}
form { margin:0; padding:0}
ol { margin:0; padding:0}


/* font  color */
.green12{color:#96B363;}
.green12b{color:#96B363;font-weight:bold;}
.green14b{color:#96B363;font-weight:bold;font-size:14px;}
.gray12b{color:#6C6C6C;font-weight:bold;}
.back12{color:#000;}
.en10{font-size:10px; font-family:Arial;}

/* link sytle */
a.grayen10:link {text-decoration:underline;color:#aba8a8;font-size:12px;}
a.grayen10:visited {text-decoration:underline;color:#aba8a8;font-size:12px;}
a.grayen10:active {text-decoration:underline;color:#ff0000;font-size:12px;}
a.grayen10:hover {text-decoration:underline;color:#ff0000;font-size:12px;}

a.gray:link {text-decoration:underline;color:#6C6C6C;font-size:12px;}
a.gray:visited {text-decoration:underline;color:#6C6C6C;font-size:12px;}
a.gray:active {text-decoration:underline;color:#6C6C6C;font-size:12px;}
a.gray:hover {text-decoration:underline;color:#96B363;font-size:12px;}

a.gray02:link {text-decoration:none;color:#6C6C6C;font-size:12px;}
a.gray02:visited {text-decoration:none;color:#6C6C6C;font-size:12px;}
a.gray02:active {text-decoration:none;color:#6C6C6C;font-size:12px;}
a.gray02:hover {text-decoration:none;color:#ff0000;font-size:12px;}

a.green02:link {text-decoration:none;color:#ff0000;font-size:12px;}
a.green02:visited {text-decoration:none;color:#ff0000;font-size:12px;}
a.green02:active {text-decoration:none;color:#ff0000;font-size:12px;}
a.green02:hover {text-decoration:none;color:#ff0000;font-size:12px;}

a.gray03:link {text-decoration:none;color:#6C6C6C;font-size:12px;}
a.gray03:visited {text-decoration:none;color:#6C6C6C;font-size:12px;}
a.gray03:active {text-decoration:none;color:#6C6C6C;font-size:12px;}
a.gray03:hover {text-decoration:none;color:#ff0000;font-size:12px;}


a.green:link {text-decoration:none;color:#96B363;font-size:12px;}
a.green:visited {text-decoration:none;color:#96B363;font-size:12px;}
a.green:active {text-decoration:none;color:#96B363;font-size:12px;}
a.green:hover {text-decoration:none;color:#96B363;font-size:12px;}

a.green03:link {text-decoration:none;color:#ff0000;font-size:12px;}
a.green03:visited {text-decoration:none;color:#ff0000;font-size:12px;}
a.green03:active {text-decoration:none;color:#ff0000;font-size:12px;}
a.green03:hover {text-decoration:none;color:#ff0000;font-size:12px;}

a.greenline:link {text-decoration:underline;color:#96B363;font-size:12px;}
a.greenline:visited {text-decoration:underline;color:#96B363;font-size:12px;}
a.greenline:active {text-decoration:underline;color:#96B363;font-size:12px;}
a.greenline:hover {text-decoration:underline;color:#6C6C6C;font-size:12px;}

a.grayBold:link {text-decoration:underline;color:#6C6C6C;font-size:12px;font-weight:bold;}
a.grayBold:visited {text-decoration:underline;color:#6C6C6C;font-size:12px;font-weight:bold;}
a.grayBold:active {text-decoration:underline;color:#6C6C6C;font-size:12px;font-weight:bold;}
a.grayBold:hover {text-decoration:underline;color:#96B363;font-size:12px;font-weight:bold;}

.third_topLine{border-top:dashed 1px #6C6C6C;}
.third_bottomLine{border-bottom:dashed 1px #6C6C6C;}


/* header */
#header{margin:0 auto;width:848px;height:37px;}
.siteName{float:left;width:128px;height:37px;margin-right:39px;text-align:right;}
.mainMenu{float:left;width:681px;height:37px;}
.nav{width:100%;height:37px;}
.nav ul{margin:0;padding:0;}
.nav li{float:left;height:38px;margin-right:29px;}

.h_blank32{margin:0 auto;width:848px;height:20px;}

#main{margin:0 auto;width:848px;height:317px;}
#main02{margin:0 auto;width:848px;}
.leftFrame_h{float:left;width:128px;height:86px;margin-right:39px;padding-top:316px;text-align:right;}
.leftFrame{float:left;width:128px;height:317px;margin-right:39px;padding-top:57px;}
.leftFrame img{
  vertical-align:bottom;
} 
.rightFrame{float:left;width:681px;height:317px;}
.rightFrame02{float:left;width:681px;}
.newArtwork{width:681px;height:317px;}
.newArtworkTitle{width:681px;height:83px;border-bottom:2px solid #D8D8D8;}
.bottom{width:681px;height:33px;text-align:right;}
.bottomRight{height:17px;}
.bottomIcp{width:126px;height:17px;}

/* news */
.subTitle{width:681px;height:36px;}
.newsFrame{width:681px;height:388px;padding-top:35px;border-bottom:1px solid #D8D8D8;border-top:1px solid #D8D8D8;}
.newsList{width:681px;height:96px;overflow:hidden;}
.newsImage{float:left;width:86px;height:96px;margin-right:24px;}
.newsImage img{width:86px;height:55px;}
.newsInfo{float:left;width:570px;height:96px;}
.newsInfo ul{margin:0;padding:0;}
.newsInfo li {padding:2px 0px;}
#footer{margin:0 auto;width:848px;height:17px;}
.footerContent{width:681px;height:17px;line-height:17px;margin-left:167px;text-align:left;}


/* artworks */
.artworksFrame{width:681px;height:397px;padding-top:26px;border-bottom:1px solid #D8D8D8;border-top:1px solid #D8D8D8;}
.artworksFrame02{width:681px;height:397px;padding-top:26px;border-bottom:1px solid #D8D8D8;border-top:1px solid #D8D8D8;}
.artworksSubFrame{float:left;width:169px;height:94px;margin-right:86px;margin-bottom:48px;}
.artworksSubFrame02{float:left;width:169px;height:94px;margin-bottom:48px;}
.artworksPic{width:169px;height:55px;}
.artworksPic img{width:169px;height:55px;}
.artworksTitle{width:169px;height:38px;line-height:38px;border-bottom:1px solid #96B363;}
.artworksShowbigpic{width:681px;height:250px;}
.artworksShowbigpic02{width:681px;height:250px;}
.artworksShowbigpic03{width:612px;height:340px; background-color:#000000;}
.artworksShowtext{width:681px;height:60px;line-height:18px;padding-top:10px;}
.artworksShowminipic{float:left;width:620px;height:60px; background-color:#000000;}
.artworksShowminipic ul{margin:0;padding:0;}
.artworksShowminipic li{float:left;width:97px;height:52px;margin-right:5px;}
.artworksNextpic{float:left;width:25px;height:42px;padding-top:18px;text-align:left; background-color:#000000;}

/* studio */
.studioShowroom_Pic{width:681px;height:200px;}
.studioShowroom_List{width:681px;height:49px;background:#96B363;}
.studioTitle{float:left;width:139px;height:40px;padding-top:9px;padding-left:11px;color:#fff;line-height:18px;}
.studioMiniPic{float:left;width:440px;height:44px;padding-top:5px;padding-left:90px;}
.studioAddress{width:681px;height:65px;padding-top:27px;}
.studioFrame{width:681px;height:397px;padding-top:26px;border-bottom:1px solid #D8D8D8;border-top:1px solid #D8D8D8;}
.studioTextLeft{float:left;width:296px;height:105px;}
.studioTextRight{float:left;width:384px;height:105px;text-align:right;}
.subMenu{width:128px;}
.subMenu ul{margin:0;padding:0;}
.subMenu li{width:128px;height:23px;line-height:23px;text-align:right;}
.subMenu li a{width:128px;height:23px;line-height:23px;display:block;text-align:right;}
.subMenu li a:hover{width:128px;height:23px;line-height:23px;display:block;text-align:right;}
.subMenu li a#current{width:128px;height:23px;line-height:23px;display:block;text-align:right;}
.space14{padding-left:0px;}
.submenu_bg{}
#largeImg {	width: 681px;height: 200px;}
.thumbs img {width: 38px;height: 38px;}
.thumbs ul{margin:0;padding:0;}
.thumbs li{float:left;padding-right:6px;}

.subMenu02{width:128px;}
.subMenu02 ul{margin:0;padding:0;}
.subMenu02 li{width:128px;line-height:18px;text-align:right;padding:10px 0px 0px 0px;}
.subMenu02 li a{width:128px;line-height:18px;display:block;text-align:right;}
.subMenu02 li a:hover{width:128px;line-height:18px;display:block;text-align:right;}
.subMenu02 li a#current{width:128px;line-height:18px;display:block;text-align:right;}


/* about */
.aboutYangyan{width:681px;height:175px;margin-bottom:22px;}
.aboutYangyan_pic{float:left;width:125px;height:170px;margin-right:11px;}
.aboutYangyan_pic img{height:170px;}
.aboutYangyan_resume{float:left;width:481px;height:17px;padding-top:155px;}
.aboutNews{width:681px;height:200px;}
.aboutNews02{width:681px;height:397px;overflow:hidden;}
.aboutNews03{width:681px;height:397px;overflow:hidden;line-height:20px;}
.aboutNews04{width:681px;line-height:20px;}
.aboutEssay{float:left;width:340px;height:180px;}
.aboutInterview{float:left;width:340x;height:180px;}
.aboutEssay_title{width:340px;height:29px;line-height:29px;}
.aboutEssay_list{width:340px;height:140px;}
.aboutEssay_list ul{margin:0;padding:0;}
.aboutEssay_list li{height:36px;line-height:16px;padding-bottom:10px;}
.aboutEssay_listmore{width:340px;height:22px;text-align:left;}
.aboutEssay_list02{width:681px;height:397px;}
.aboutEssay_list02 ul{margin:0;padding:0;}
.aboutEssay_list02 li{height:36px;line-height:16px;padding-bottom:10px;}
.aboutEssay_listmore02{width:681px;height:35px;line-height:35px;text-align:left;}
.aboutSubTitle{width:681px;height:55px;line-height:20px;}
.aboutEssay_list03{width:681px;}



/* contact */
.contactFrame{width:681px;padding-top:26px;border-bottom:1px solid #D8D8D8;border-top:1px solid #D8D8D8;}
.contactShowroom{width:681px;height:164px;}
.contactTextbg{width:681px;height:393px;}
.contactAddress_01{width:100%;height:158px;line-height:22px;margin-bottom:20px;}
.contactAddress_02{width:100%;height:158px;line-height:22px;margin-top:20px;}