@charset "utf-8";
@media screen and (max-device-width:640px){body{-webkit-text-size-adjust:none}}


 .photoNews {margin:0 auto;padding:10px 0 0 0px;}
 .photoNews .picDiv{text-align:center;position:relative;}
 

 .photoList .picList{float:left;margin:0px  0px 0px 19px;display:inline;}
.photoList .picList .l1{width:36px;float:left;height:117px;_width:36px;}
.photoList .picList .l1 a{width:28px;height:28px;margin:37px 8px 0 0;cursor:pointer;background:url(../images/gallery/course.gif) no-repeat -165px -164px;float:left;_margin-right:7px}
.photoList .picList .l1 a.no{width:28px;height:28px;margin:37px 8px 0 0;cursor:default;background:url(../images/gallery/course.gif) no-repeat -165px -164px;float:left;_margin-right:7px}
.photoList .picList .l1 a.no, .photoList .picList .l1 a.no:hover{background:url(../images/gallery/course.gif) no-repeat -103px -164px;}
.photoList .picList .l1 a:hover{background:url(../images/gallery/course.gif) no-repeat -134px -164px}

.l2 {width:800px;height:110px;float:left;display:block;overflow:hidden;_width:800px;}/*小图背景宽度---------*/

.l3{width:36px;float:left;height:117px;_width:36px;}
.l3 a{width:28px;height:28px;margin:37px 0 0 8px;float:left;cursor:pointer;background:url(../images/gallery/course.gif) no-repeat -63px -164px;_margin-left:6px}
.l3 a.no{width:28px;height:28px;margin:37px 0 0 8px;float:left;cursor:default;background:url(../images/gallery/course.gif) no-repeat -63px -164px;_margin-left:6px;}
.l3 a.no,.l3 a.no:hover{background:url(../images/gallery/course.gif) no-repeat 0px -164px;}
.l3 a:hover{background:url(../images/gallery/course.gif) no-repeat -32px -164px}

.listM{width:800px;height:75px;overflow:hidden;margin-top:5px;float:left;_width:800px;}/*小图片总宽度---------*/
.listM ul{width:800px;float:left;}

.listM li{width:90px;padding:2px 6px 0 6px;display:table-cell;float:left;text-align:center;vertical-align:middle;} /*小图片宽度---------*/
.listM li b{display:inline-block;height:100%}
.listM li img{vertical-align:middle; width:90px; height:75px; opacity:0.4;filter:alpha(opacity=40);}/*小图片大小---------*/

.listM li.current img{opacity:0.8;filter:alpha(opacity=80);}
/*.listM li a:hover img{opacity:0.8;filter:alpha(opacity=80);}
.listM a img{display:block;margin:0 auto;opacity:0.4;filter:alpha(opacity=40);}*/

/*滑动条相关-----------------*/
 .scrollBar{width:800px;height:17px;margin:10px 0 0 0;display:inline;float:left;background:url(../images/gallery/sbg1.gif) no-repeat;position:relative;overflow:hidden} /*滑动条相关*/
 .scrollBar .drag{position:absolute;top:1px;cursor:pointer;display:block;width:300px;background:url(../images/gallery/scrollbg_25.gif) repeat-x;height:14px}
.scrollBar .drag_no{position:absolute;top:1px;left:1px;cursor:default;display:block;width:800px;background:url(../images/gallery/new_19.jpg) repeat-x;height:14px}
.scrollBar .drag_no{width:653px}
.scrollBar .drag:hover{background:url(../images/gallery/scrollbg_35.gif) repeat-x;}

.drag b.l_arrow,  .photoList .picList .drag_no b.l_arrow{width:12px;height:14px;background:url(../images/gallery/course.gif) no-repeat -29px -198px;float:left}
.drag_no b.l_arrow{ background:url(../images/gallery/course.gif) no-repeat 0px -198px;}
.drag:hover b.l_arrow{background:url(../images/gallery/course.gif) no-repeat -57px -198px}
.drag b.r_arrow, .drag_no b.r_arrow{width:12px;height:14px;background:url(../images/gallery/course.gif) no-repeat -42px -198px;float:right}
 .drag_no b.r_arrow{background:url(../images/gallery/course.gif) no-repeat -42px -198px;}
 .drag:hover b.r_arrow{background:url(../images/gallery/course.gif) -70px -198px}



ul.l3{padding:10px 0 3px 25px}
ul.l3 li{width:147px;margin-right:54px;display:inline;float:left}
ul.l3 li img{border:1px #666 solid;display:block}
ul.l3 li p,ul.l3 li p a{line-height:40px;color:#999}
 .allPic{margin:0 auto;position:relative}
 .allPic .leftArae, .allPic .rightArae{width:65px;height:422px;float:left}

 .allPic .leftArae a,  .allPic .rightArae a{width:22px;height:41px;display:block;margin:257px 24px 0 19px;background:url(../images/gallery/course.gif) no-repeat 0 -39px}
 .allPic .leftArae a{margin:257px 0 0 24px;background:url(../images/gallery/course.gif) no-repeat -73px -39px}
 .allPic .leftArae a:hover, .allPic .rightArae a:hover{background:url(../images/gallery/course.gif) no-repeat -24px -39px}
 .allPic .leftArae a:hover{background:url(../images/gallery/course.gif) no-repeat -49px -39px}

.smallpic_box{overflow:hidden;position:relative;height:448px;float:left}
.smallpic_con{position:absolute;left:0px;top:0px;}
 .allPic ul{vertical-align:middle;padding:16px 0 0 0;float:left;}
 .allPic ul li{float:left;width:200px;height:160px;background:url(../images/gallery/imgbg_03.jpg);display:table-cell;text-align:center;vertical-align:middle;margin:0px 23px 27px 0 }
 .allPic ul li:hover{background:url(../images/gallery/gray_03.gif)}
 .allPic ul li.current{background:url(../images/gallery/yellow_03.gif);}
 .allPic ul li img{vertical-align:middle;}
 .allPic ul li i{display:inline-block;height:100%;vertical-align:middle}

 .allPic .btn{height:11px;padding:23px 0 16px 0;text-align:center;margin:0 auto;}
.photoSHD .allPic .btn{ padding:15px 0 0px 24px;}
 .allPic .btn a{width:11px;height:11px;background:url(../images/gallery/course.gif) no-repeat -140px -137px;margin:0 3px 0 2px;font-size:24px;text-decoration:none}
 .allPic .btn a:hover{background:url(../images/gallery/course.gif) no-repeat -109px -137px}
 .allPic .btn a.current{background:url(../images/gallery/course.gif) no-repeat -125px -137px}

.photo_prev, .photo_next {height:100%;left:0;position:absolute;top:0;width:50%;background:#fff;opacity:0;filter:alpha(opacity=0);z-index:100}
.photo_next {left:405px;}
.btn_pphoto, .btn_nphoto {cursor:url("http://www.bysschina.com/images/gallery/zz.cur"), auto;display:block;height:100%;outline:medium none;width:100%;}
.btn_nphoto {cursor:url("http://www.bysschina.com/images/gallery/yy.cur"), auto;}

.pic{width:770px;text-align:center;margin:0 auto;display:block;_height:0px;overflow:hidden;background:url("../images/gallery/load2.gif") no-repeat scroll center center;height:100%;position:relative;z-index:100}
.hidden{display:none;}
#thumb p,#thumb i{display:none;}
#btnPage a{cursor:pointer;}
.text_con{color:#FFFFFF; text-align:center; padding-top:5px; margin-top:5px;  }