@charset "utf-8";
@font-face {
    font-family: Microsoft YaHei;
    src: url('HanHei-SC-thin.eot'); /* IE9 Compat Modes */
    src: url('HanHei-SC-thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('HanHei-SC-thin.woff') format('woff'), /* Modern Browsers */
             url('HanHei-SC-thin.ttf')  format('truetype'), /* Safari, Android, iOS */
}
*{margin:0;padding:0;}
body{font-size:12px;font-family:Microsoft YaHei,'PingFang SC', 'HanHei SC', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif;color:#000;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
li{list-style-type:none;}
img{border:none;margin:0;padding:0;}
input,select,img{ vertical-align:middle;}
a{ text-decoration:none;color:#7f7f7f}
a:hover{ color:#000;transition:all 0.4s linear;}
input,samp,textarea{outline: 0;font-family:"Microsoft YaHei";}

.inkPhoBox { width:850px; margin:0px auto 0px; }
.inkPhoBox .mod18{width:100%;position:relative;}
.inkPhoBox #prev{display:none}
.inkPhoBox #next{display:none} 
.inkPhoBox .mod18 #prevTop{background: url(../images/galnext.png) no-repeat; height:53px; width:34px; position: absolute; z-index: 99; left:0px; top:220px; cursor: pointer;}
.inkPhoBox .mod18 #nextTop{background: url(../images/galprev.png) no-repeat; height:53px; width:34px; position: absolute; z-index: 99; top:220px; right:0px; cursor: pointer;}
.inkPhoBox .mod18 li{float:left;}
.inkPhoBox .mod18 .cf li{position:relative;color:#fff;}
.inkPhoBox .mod18 .cf li span{display:block;width:480px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.inkPhoBox .mod18 .picBox li a{display:block; height:520px;display:table-cell;text-align:center;vertical-align:middle; width:520px; background:no-repeat center; background-size: contain;}

.inkPhoBox .bigImgBox{width:520px; height:520px; margin:0 auto}
.inkPhoBox .mod18 .picBox{width:100%; height:520px; position: relative; overflow: hidden;}
.inkPhoBox .mod18 .picBox ul{height:520px;position:absolute; left:0;}
.inkPhoBox .mod18 .picBox li{ width:520px; height:520px; background:#FFFFFF; text-align:center; position:relative}
.inkPhoBox .mod18 .picBox li img{ max-height:100%; max-width:100%;display:none;}


.inkPhoBox .smImgBox{ width:520px; height: 101px;margin:12px auto 0 ; position: relative; }
.inkPhoBox .mod18 .listBox{ width:520px; height: 101px; margin: 0 auto; position: relative; overflow: hidden; }
.inkPhoBox .mod18 .listBox ul{height:101px;position:absolute; padding-left:0px;}
.inkPhoBox .mod18 .listBox li{ width:95px; height:95px; cursor: pointer; position: relative; margin: 0 15px 0 0; text-align:center;background:#fff no-repeat center; background-size: contain; }
.inkPhoBox .mod18 .listBox li.on{width:95px; height:95px;border:2px solid #5D5D5D;}
.inkPhoBox .mod18 .listBox li a{display:block;}
.inkPhoBox .mod18 .listBox li img{ max-width:100%; max-height:100%; display:none}
.inkPhoBox .left_top { font-family:Arial; font-size:32px; color:#fff; text-align:center; height:30px; line-height:30px; background:#333}