@charset "utf-8";
/* CSS Document */
body{ margin:0px; font-size:14px; color:#444; font-family:'微软雅黑'; background-color:white; }
html, body, ul, li, a{margin: 0;padding: 0;}
.clr{ clear:both;}
.main{ margin:0 auto; width:1200px;}
.navMain{ margin:0 auto; width:1200px;}
.red{ color:#F30;}
.green{ color:#00913E;}
a{ color:#555; text-decoration:none; font-family:'微软雅黑';
transition-property:color;
transition-duration:0.4s;
/* Firefox 4 */
-moz-transition-property:color;
-moz-transition-duration:0.4s;
/* Safari and Chrome */
-webkit-transition-property:color;
-webkit-transition-duration:0.4s;
/* Opera */
-o-transition-property:color;
-o-transition-duration:0.4s;

transition-property: background-color;
transition-duration:0.4s;
/* Firefox 4 */
-moz-transition-property:background-color;
-moz-transition-duration:0.4s;
/* Safari and Chrome */
-webkit-transition-property:background-color;
-webkit-transition-duration:0.4s;
/* Opera */
-o-transition-property:background-color;
-o-transition-duration:0.4s;
}
a:hover{ color:#00913E;}

#header{ height:70px; background-color:#FFF; position:relative; border-bottom:1px solid #e0e0e0;}
#logo{ padding:10px; position:absolute; background-color:#FFF; width:120px;height:50px; }
#logo img{ height:50px;}
#navigation{ margin-left:175px; width:1025px; text-align:right;}
#navigation a{ line-height:70px; font-size:16px; padding-left:20px;}

#artistTitle{ margin:30px 0 -20px; font-size:18px; color:; }
#artistList{ margin:10px -16px 0; min-height:400px;}
#artistList dl{ margin:16px; float:left; width:276px; background-color:#FFF; box-shadow:0 0 5px #e0e0e0;}
#artistList dl:hover{  box-shadow:0 0 5px #F90;}
#artistList dl dt img{ width:276px; height:216px;}
#artistList dl dd { margin:0; padding:15px;}
#artistList dl dd .artistAvatar{ float:left; margin-right:5px;}
#artistList dl dd .artistAvatar img{ width:42px; height:42px; border-radius:21px; border:2px solid #f9f9f9;}
#artistList dl dd .worksName{ font-weight:bold; font-size:14px; margin-bottom:5px;}

#worksTitle{ margin:30px 0 -10px; font-size:18px; color:; }
#worksList{ margin:10px -16px 0; min-height:400px;}
#worksList dl{ margin:16px; float:left; width:276px; background-color:#FFF; box-shadow:0 0 5px #e0e0e0;}
#worksList dl:hover{  box-shadow:0 0 5px #F90;}
#worksList dl dt img{ width:276px; height:216px;}
#worksList dl dd { margin:0; padding:15px;}
#worksList dl dd .artistAvatar{ float:left; margin-right:5px;}
#worksList dl dd .artistAvatar img{ width:42px; height:42px; border-radius:21px; border:2px solid #f9f9f9;}
#worksList dl dd .worksName{ font-weight:bold; font-size:14px; margin-bottom:5px;}

#pageList{ text-align:center; margin-top:20px;}
#pageList a{display:inline-block;  text-decoration:none;text-align:center; border-radius:3px; border:1px solid #CCC;}
#pageList a.pageNum{ width:23px; height:23px; line-height:23px; margin:0 3px; font-weight:bold; }
#pageList a.pageControl{ width:70px; height:23px; line-height:23px; margin:0 5px;  }
#pageList a.cur{ background-color:#0B9444; color:#FFF; border-color:#88C438;}
#pageList a.unavailable{ color:#bbb;}

#worksType{ margin-top:30px;}
#worksType a.primaryType{ padding:0 35px; border:1px solid #e0e0e0; line-height:35px; display:inline-block; background-color:#fdfdfd;}
#worksType a.cur{ background-color:#00913E; color:#FFF;}

/********************作品三级页面开始******************************/
#works{ position:relative; }
#works .next,#works .prev{position:fixed; width:47px; height:74px;  border-radius:5px; top:400px; display:block; cursor:pointer;}
#works .next:hover,#works .prev:hover{ background-color:#000;}
#works .next{ left:calc(100% - (100%  - 1200px) / 2 + 30px); background:url(../images/picControl.png) no-repeat 0px center #CCC; }
#works .prev{ left:calc((100%  - 1200px) / 2 - 77px); background:url(../images/picControl.png) no-repeat -47px center #CCC;}
#works  .bigPic{ position:relative;}
#works  .bigPic img{ }

#artist_other_works{ border:10px solid #e0e0e0; margin-top:20px; padding:10px 12px; }
#artist_other_works .title{ font-size:16px; line-height:30px; padding-left:8px; }
#artist_other_works .title .artistName{ font-size:16px;}

#otherWorksList{ height:165px;}
#artist_other_works dl{ float:left; margin:10px 8px; cursor:pointer;}
#artist_other_works dl dt img{ width:145px; height:113px; border:1px solid #e0e0e0; padding:1px; }
#artist_other_works dl dt a:hover img{ background-color:#ddd;}
#artist_other_works dl dt img.cur{border:1px solid #F90;}
#artist_other_works dl dd{ margin:0; text-align:center; line-height:30px; }
#worksInfo{ margin-top:150px;}
.cover{ position:absolute; width:100%; z-index:99; top:0; left:0; text-align:center; filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6; display:none;}
#artistNav{ border-bottom:1px solid #e0e0e0; background-color:#fdfdfd; padding: 10px 0;}
#avatar{ border-radius:30px; width:60px; height:60px; float:left; margin-right:10px;}
/********************作品三级页面结束******************************/

/********************艺术家列表页面结束******************************/
#artistsList{ margin:20px -16px 0;}
#artistsList dl{ margin:16px 16px 6px; float:left; width:376px; background-color:#FFF; box-shadow:0 0 5px #2d0e0e;}
#artistsList dl:hover{  box-shadow:0 0 5px #F90;}
#artistsList dl dt{ text-align:center; padding:30px 0 10px; line-height:30px;}
#artistsList dl dt img{ width:150px; height:150px; border-radius:80px;}
#artistsList dl dd { margin:0 6px 6px;}
#artistsList dl dd img{ width:120px; height:89px;}


/********************艺术家列表页面结束******************************/

/********************艺术家详细页面开始******************************/
#artistIntro{ background-color:#FFF; border-bottom:1px solid #e0e0e0; text-align:center; padding-top:20px;}
.avatar{ width:120px; height:120px; border-radius:60px;}
.artistName{ font-size:18px; line-height:40px;}
.worksTitle{ margin-top:30px; margin-bottom:0px; font-size:18px;}
.atristNav{ border-top:1px solid #f2f2f2; height:40px; line-height:40px; background-color:#fdfdfd; margin-top:10px;}
.atristNav a{ padding:0 50px;}
.atristNav a.cur{ color:#00913E;}
.content{ line-height:200%; font-size:14px; padding:40px 50px; background-color:#fff; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; margin-bottom:-40px;} 
/********************艺术家详细页面结束******************************/

#footCover{ height:0px;}
#footer{ padding:15px 0; border-top:1px solid #e6e6e6; margin-top:40px; bottom:0px; width:100%; background-color:#f9f9f9;}


/***************************沙龙********************************/
#salonTitle{ margin:30px 0 -10px; font-size:18px; color:; }
#salonList{ margin:10px -16px 0; min-height:400px;}
#salonList dl{ margin:16px; float:left; width:376px; background-color:#FFF; box-shadow:0 0 5px #e0e0e0;}
#salonList dl:hover{  box-shadow:0 0 5px #F90;}
#salonList dl dt img{ width:376px; height:294px;}
#salonList dl dd { margin:0; padding:15px;}
#salonList dl dd .artistAvatar{ float:left; margin-right:5px;}
#salonList dl dd .artistAvatar img{ width:42px; height:42px; border-radius:21px; border:2px solid #f9f9f9;}
#salonList dl dd .worksName{  font-size:14px; min-height:38px;}

#content{ float:left; width:1020px; background-color:#FFF; box-shadow:0 0 3px #ececec; padding:40px 90px; margin-top:20px;}
#content h1{ text-align:center; border-bottom:2px solid #e0e0e0; padding-bottom:10px;}
.con{ font-size:16px; line-height:180%;}
.video{ text-align:center; margin-bottom:20px;}
.video embed{ width:860px; height:520px;}
#location{ margin-top:20px;}







#getCode{ width:120px; text-align:center; line-height:30px; margin-top:5px; border-radius:3px; border:1px solid #e0e0e0; cursor:pointer; display:inline-block; text-decoration:none;}

#getCode:hover{ background-color: #f0f0f0;}