@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;list-style-type:none; font-family:microsoft yahei}
a,img{border:0;}
a, a:link, a:visited{ text-decoration:none;}
a:hover{ }
body{ font:12px/24px Arial, Helvetica, sans-serif, "microsoft yahei";}

.HS10, .HS15{overflow:hidden;clear:both;}
.HS10{height:10px;}
.HS15{height:15px;}
.Hidden{display:none;}
.Clearer{display:block;clear:both;font-size:1px;line-height:1px;margin:0;padding:0;}
.FlLeft{float:left;}
.FlRight{float:right;}
.w1200{ width:1200px ; margin:0 auto}

/*幻灯片区域背景*/
.MainBg{ width:1200px;margin:0 auto;}
/*标题和页码*/
.Title{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #faf7f7 0%, #f0f0f0 100%) repeat scroll 0 0;box-sizing: border-box;height:60px;line-height:60px; color:#666;margin-bottom:10px; position:relative}
.home{ position:absolute; right:10px; font:14px/60px microsoft yahei; color:#333;top:0}
.home a{ color:#333}
.Title h1{ text-align:center; color: #242424; font-family: microsoft yahei;font-size: 18px; font-weight: bold;}
 
.Title .Counter{color:#999; font-family:Arial, Helvetica, sans-serif}
.Title .CounterCurrent{color:#C00;font-size:20px;font-weight:bold;font-family:Arial, Helvetica, sans-serif}
 
/*大图展示区域*/
.OriginalPicBorder{padding:10px; border:#dcdcdc 1px solid}
#OriginalPic{width:100%; position:relative;overflow:hidden;position:relative;font-size:12px;}
#OriginalPic img{display:block;margin:0 auto;}
/*鼠标手势*/
.CursorL{position:absolute;z-index:999;width:50%;height:1200px;color:#FFF;left:0px;cursor:url(http://img2.cache.netease.com/utf8/gallery/img/cursor_left.cur), auto;background:url(images/space.png) repeat scroll 0 0 transparent;}
.CursorR{position:absolute;z-index:999;width:50%;height:1200px;color:#FFF;right:0;cursor:url(http://img2.cache.netease.com/utf8/gallery/img/cursor_right.cur), auto;background:url(images/space.png) repeat scroll 0 0 transparent;}
/*小图预览和滑动*/
.SliderPicBorder{width:100%;height:600px;overflow:hidden; position:relative}
.Summary{width:96%;position:absolute; left:0; bottom:0;  font:14px/28px microsoft yahei; color:#fff; z-index:999;   padding:10px 2%; background:url(../images/bg.png) repeat;  }
 
.More{text-align:right;color:#666;line-height:40px;height:40px;font-size:12px;display:block;}        
.ThumbPicBorder {width:100%;margin:30px auto 0 auto; position:relative; overflow:hidden}
 
#ThumbPic img.active{border:3px solid #c00;}
.dn{ display:none}

#ThumbPic img{border:3px solid #fff;cursor:pointer;background-color:#666;margin:0 4px;width:130px;height:80px;display:block;}
#ThumbPic { border-bottom:#ddd 1px solid;border-top:#ddd 1px solid; height:105px}
#ThumbPic li{ float:left; margin:10px 0 0 30px}
 

#btnNext{ background:url(../images/ico.png) no-repeat -169px 0;height: 107px;position: absolute; width: 30px;z-index: 3; top:0; right:0; cursor:pointer}
 #btnPrev{ background:url(../images/ico.png) no-repeat -134px 0;height: 107px;position: absolute; width: 30px;z-index: 3; top:0; left:0; cursor:pointer}
 
 
.rnav{ width:70px; background:#f7f7f7; border-left:#dcdcdc 1px solid; border-top:#dcdcdc 1px solid; position:fixed; right:0; top:100px; z-index:99999; cursor:pointer}
.rnav a{ display:block}
.rnav ul{}
.rnav ul li{ height:60px; border-bottom:#dcdcdc 1px solid; text-align:center;font:13px/30px microsoft yahei; color:#4c4c4c; padding:10px 0 0 0}
.rnav ul li:hover,.rnav ul li.sel{ background:#4079b9; color:#fff}
.rnav ul li:hover a,.rnav ul li.sel a{ color:#fff}
.rnav ul li:hover  i{ color:#fff}
.rnav ul li.sel i{ color:#fff}
.rnav ul li a{ color:#4c4c4c}
.rnav ul li i{ font-size:20px; color:#555 }
.rnav ul li.mobile{ position:relative}
.ewm{ position:absolute; width:150px; height:150px; left:-151px; bottom:-1px; border-left:#dcdcdc 1px solid;  border-top:#dcdcdc 1px solid;  border-bottom:#dcdcdc 1px solid; background:#f7f7f7; display:none }
.ewm img{ width:140px; height:140px; padding:5px}
.rnav ul li.mobile:hover .ewm{ display:block}