@charset "utf-8";

/* --------------------遊戲搜索頁面的圖片瀏覽介面----------------- */
.VIMG{background-color:rgba(0,0,0,0.8); 
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
	  margin:0 auto; position:relative; width:90%; height:100%; text-align:center;}
.VIMG-container{position:fixed;left:0;top:0;width:100%;height:100%;z-index:10010;}
.VIMG-image{overflow:hidden;position:relative;height:100%;background: url(../images/web/vimg_loader.gif) no-repeat;background-position:center center; opacity:1;filter:alpha(opacity=100);}
.VIMG-mask{background-color:#000;opacity:0.5;filter:alpha(opacity=50);position:fixed;left:0;top:0;width:100%;height:100%;z-index:10009;}
.VIMG-scrollbar{background-color:#999;position:fixed;width:8px;-webkit-border-radius: 4px;border-radius: 4px;border:solid 1px #aaa;z-index:10012;cursor:pointer;}
.VIMG-scrollbar:hover{border:solid 1px #fff;}
.VIMG-drag-mask{background-color:#000;opacity:0;filter:alpha(opacity=0);position:fixed;left:0;top:0;width:100%;height:100%;z-index:10030;}
.VIMG .bigpic{ max-width:100%;position:absolute;left:50%;top:50%;visibility:hidden;}
.VIMG .lbtn{ display:block; width:50px; height:100%; background:url(../images/web/vimg_l2.gif) no-repeat center center; opacity:0.5;filter:alpha(opacity=50); position:absolute; left:0; top:0; z-index:10020;cursor:pointer;}
.VIMG .rbtn{ display:block; width:50px; height:100%; background:url(../images/web/vimg_r2.gif) no-repeat center center; opacity:0.5;filter:alpha(opacity=50); position:absolute; right:0; top:0; z-index:10020;cursor:pointer;}
.VIMG .xbtn{ display:block; height:50px; width:50px; background:url(../images/web/vimg_x.gif) no-repeat center center; opacity:0.5;filter:alpha(opacity=50); position:absolute; right:0; top:0; z-index:10020;cursor:pointer;}
.VIMG a:hover{ opacity:1;filter:alpha(opacity=100);}
.VIMG-pics{ background-color:#000000; position:fixed; bottom:38px; left:0; right:0; margin:auto; width:90%; *left:5%; background:rgba(0,0,0,0.5);z-index:10020; text-align:center;opacity: 0;filter:alpha(opacity=0);transition: opacity 1s ease 1s;-moz-transition: opacity 1s ease 1s;-webkit-transition: opacity 1s ease 1s;-o-transition: opacity 1s ease 1s;}
.VIMG-pics:hover{opacity:1;filter:alpha(opacity=100);transition: opacity 1s ease 0.2s;-moz-transition: opacity 1s ease 0.2s;-webkit-transition: opacity 1s ease 0.2s;-o-transition: opacity 1s ease 0.2s;}
.VIMG-pics .spic{ display:block; width:80px; height:80px; border:1px solid #999999; background-color:#000000; position:relative; display:inline-block; margin:4px 2px; opacity:0.5;filter:alpha(opacity=50);}
.VIMG-pics .spic:hover{ border-color:#FFFFFF; opacity:1.0;filter:alpha(opacity=100);}
.VIMG-pics  img{ max-height:80px; max-width:80px; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0;cursor:pointer;}
.VIMG-pics .slbtn{ display:block; line-height:88px; height:88px; width:50px; float:left; background:url(../images/web/vimg_l.gif) no-repeat center center; opacity:0.5;filter:alpha(opacity=50);cursor:pointer;}
.VIMG-pics .srbtn{ display:block; line-height:88px; height:88px; width:50px; float:right; background:url(../images/web/vimg_r.gif) no-repeat center center; opacity:0.5;filter:alpha(opacity=50);cursor:pointer;}
.VIMG-pics a:hover{ opacity:1;filter:alpha(opacity=100);}

.VIMG-txt{ background-color:#000000; position:fixed; bottom:0; left:0; right:0; margin:auto; width:90%; *left:5%; z-index:10020; background-color:#000; color:#FFFFFF; font-size:13px; padding:11px 0; text-align:center; white-space:nowrap; overflow:hidden;}
.VIMG-list-rect{margin:auto;width:774px;height:88px;overflow:hidden;position:relative;}
.VIMG-list{position:absolute;top:0;transition: left 1s;-moz-transition: left 1s;-webkit-transition: left 1s;-o-transition: left 1s;}