.bloghref{position:absolute; margin:0 0 0 854px;}
.bloghref a{font-size: 12px;font-family: arial;color: #3F3F3F;text-transform: uppercase;font-weight: bold;}
.bloghref a:hover{text-decoration:underline;}

.datenews{float:right; color: #888888;font-family: arial;font-size: 10px; font-weight: normal; margin:16px 15px 0 0;}

.datenews span{color: #75B004;font-family: arial;font-size: 10px;}

.dizline6blog{width:690px; }
.dizline6blog1{width:835px; }
.dizline6blog2{width:815px; }
.dizline6blog4{width:835px; }

.dizlineblog1{ height:6px; background:#ededed; float:right; margin:5px 142px 0 0; }
.dizlineblog{ height:6px; background:#ededed; float:right; margin:5px 12px 0 0; }
.pccontentblog{width: 990px; padding:10px 5px; background:#ffffff;}
.blockbloginf{width:302px; height:218px; border:3px solid #e8e8e8; background:#fff; margin:10px 0 0 10px;}
.blockbloginf:hover{border:3px solid #83be05; box-shadow:0px 0px 10px #bdbdbd;}
.imgblogvm{width:54px; height:50px; float:left; margin:8px; opacity:0.7;}
.bloginformer{margin:17px 0 0 0;}
.bloginformer a{font-weight:bold; font-size:13px; font-family:arial; color:#888888;}
.bloginformer a:hover{color:#73a606; text-decoration:none;}
.bloginformer span{display:block; background:url('/img/blog/blog1.png') no-repeat left 1px; padding-left:13px; margin:3px 0 17px 70px;}
.bloginformer span a{color:#888888; font-family:arial; font-size:11px; font-weight:normal;}
.blogmessagevm{font-size:13px; font-family:arial; color:#9a9898; line-height:20px; margin:0 8px;}
.bloginfovm{margin:-7px 0 0 0;}
.messeo{font-size:15px; font-family:arial; line-height:24px; color:#676767; margin:10px;}

.menublog{ margin:10px 0 0 9px;}
.menublog a{display:inline-block; padding:13px 14px; margin:0 3px 0 2px; border:3px solid #e8e8e8; text-transform:uppercase; color:#919191; font-family:arial; font-size:13px;}
.menublog a:hover{box-shadow:0px 0px 10px #bdbdbd; border:3px solid #83be05; color:#73a606; text-decoration:none;}

.topblog{width:302px; height:46px; border:3px solid #e8e8e8; background:#fff; margin:10px 0 0 10px;}
.topblog:hover{border:3px solid #83be05; box-shadow:0px 0px 10px #bdbdbd;}
.blogtomimg{width:36px; height:34px; float:left; margin:6px; opacity:0.7; border-right:3px solid #efefef; padding-right:10px;}

.blogtoptxt{color:#898787; font-size:13px; font-family:arial; margin-top:8px;}
.blogtoptxt a{color:#78970b; font-size:13px; font-family:arial;}
.blogtoptxt span{font-size:11px; font-family:arial; color:#888888; display:block; margin-top:2px;}




.titleblogall{color:#898787; font-size:13px; font-family:arial; padding:7px 6px 0 0;}
.nameblogall{color:#a2a2a2; font-size:11px; font-family:arial; margin:3px 0 0 0;}
.blogalldiv{width:266px; height:70px; border:3px solid #e8e8e8; margin:10px 0; display:inline-block;}
.blogalldiv:hover{border:3px solid #77b204;}
.blogallava{width:61px; height:58px; float:left; padding:6px;}
.blogcontent{width: 1000px; background:#ffffff;}
.blogtable{width:1000px;}
.blogtdl{width:130px;}
.blogtdr{width:870px;}
.blogtdr h1{font-size:19px; font-family:arial; color:#595959; font-weight:bold;}
.blogimg{width:93px; height:89px; padding:18px;}
a.blogcat {float: right;background: #e15656;padding: 5px 7px; font-size: 14px;font-family: arial;color: #fff; margin: 10px;}
a.blogcat:hover{background: #ea4747;}
.blogico1{background:url('/img/blog/1.png') no-repeat left; padding:0 0 0 23px; height:19px; float:left; line-height:21px; display:inline-block;}
.blogico2{background:url('/img/blog/2.png') no-repeat left; padding:0 0 0 23px; height:19px; float:left; line-height:21px; display:inline-block; margin:0 10px; }
.blogico3{background:url('/img/blog/3.png') no-repeat left; padding:0 0 0 23px; height:19px; float:left; line-height:21px; display:inline-block;}
.txtblogico{font-size:12px; font-family:arial; color:#414141; }
.blogmes{font-size:15px; color:#808080; font-family:arial; line-height:22px; display:block; margin:45px 0 0 0; width:850px;}
.xlebblog{color:#767676; font-size:12px; font-family:arial;}
.xlebblog a{color:#767676; font-size:12px; font-family:arial; padding:0 10px 0 0;}
.blogline{background:#79a32d; width:853px; height:5px; margin:6px 0;}
.blogall{color:#6a6a6a; font-size:17px; font-family:arial;}




.divfiltbl{min-height:221px;}
.divfil-left{background:#ffffff; border-right:4px solid #efefef; height:95%;  width:394px; display:inline-block; margin:10px 0 0 0;}
.divfil-right{display:inline-block; width:570px; padding:5px 10px; color#343434; font-size:14px; font-family:arial; line-height:22px;}
.divfil-title{ padding:3px 12px;}
.divfil-title h1{color:#000; font-size:20px; font-family:arial; margin:0; padding:0; font-weight:normal;}
.divfil-lene{width:374px; height:4px; background:#59b800; margin:0 12px;}
.divfil-cat{color:#78aa00; font-size:13px; font-family:arial; margin:7px 12px 3px 12px;}
.divfil-cat a{color:#6e6e6e; }
.divfil-reads{float:right; font-weight:bold; background:url('/img/diz/reads.png') no-repeat left; padding-left:20px;}
.divfil-dl{width:314px; height:52px; background:url('/img/diz/filedl.png') no-repeat left #ececec; line-height:18px; margin:0 12px; font-size:24px; font-family:arial; color:#4a4a4a; padding:14px 0 0 60px;}
.divfil-dl:hover{background:url('/img/diz/filedl.png') no-repeat left #dbdbdb;}
.divfil-dl span{color:#696969; font-size:11px; font-family:arial; }
a.divfil-dl1{}
a.divfil-dl1:hover{text-decoration:none;}
.divfil-soc{margin:5px 12px;}
.divfil-poh{text-align:center; font-size:15px; font-family:cuprum; text-transform:underline; text-decoration:underline;}



#pane {  
  max-height:192px; /* Выставляем ограничение по высоте */  
  overflow:auto; /* Добавляем стандартные полосы прокрутки на случай, если скрипт не сработает. */  
  outline:none; /* Убираем неприятную обводку при фокусе. */  
width:721px;
  }

.rating{float:right; margin:5px 15px; color:#fff; font-size:10px; font-family:arial;}
.ratingline{background:#83B900 5px; width:30px; height:3px; display:inline-block; border-bottom:1px solid #000;}


.jspContainer{overflow:hidden;position:relative;}  
  .jspPane{position:absolute;}  
  /* Вертикальная полоса прокрутки */  
  .jspVerticalBar{height:100%;position:absolute;right:0;top:0;width:8px;z-index:2;}  
  /* Горизонтальная полоса прокрутки */  
  .jspHorizontalBar{bottom:0;height:5px;left:0;position:absolute;width:100%;}  
  .jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}  
  .jspCap{display:none;}  
  .jspHorizontalBar .jspCap{float:left;}  
  /* Полоска, по которой бегает ползунок */  
  .jspTrack{background:#202020;position:relative;width:8px;}  
  /* Непосредственно, сам ползунок */  
  .jspDrag{background:url('/img/diz/scroll2.png') no-repeat center, url('/img/diz/toppol.png') no-repeat top, url('/img/diz/bpol.png') no-repeat bottom, url('/img/diz/scroll.png');cursor:pointer;left:0;position:relative;top:0;width:8px;  }  
  .jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}  
  /* Стрелки для прокрутки */  
  .jspArrow{background:#999;cursor:pointer;display:block;text-indent:-20000px;}  
  /* Неактивные стрелки для прокрутки */  
  .jspArrow.jspDisabled{background:#aaa;cursor:default;}  
  /* Дополнительные стили для вертикальных и горизонтальных стрелок */  
  .jspVerticalBar .jspArrow{height:16px;}  
  .jspHorizontalBar .jspArrow{float:left;height:100%;width:5px;}  
  .jspVerticalBar .jspArrow:focus{outline:none;}  
  /* Уголок, где сходятся вертикальная и горизонтальная полосы прокрутки */  
  .jspCorner{float:left;height:100%;}  
  * html .jspCorner{margin:0 -3px 0 0;} 



#pane1 {  
  max-height:300px; /* Выставляем ограничение по высоте */  
  overflow:auto; /* Добавляем стандартные полосы прокрутки на случай, если скрипт не сработает. */  
  outline:none; /* Убираем неприятную обводку при фокусе. */  
width:239px;
  }



.sliderfon{height:208px; width:1000px; margin:0 0 0 -5px; background:#202020; padding:17px 0 0 0;}

.sliderfon2{height:208px; width:1000px; background:#202020; padding:17px 0 0 0;}

  /* slidermenu */  
  #slidermenu { position: relative; margin-bottom: 6px; margin-top: 8px; width: 100% !important; overflow: hidden; }  
  #slidermenu .cliped { width: 873px; height: 163px; margin-left: 54px; overflow: hidden; }  

#slidermenu .p, #slidermenu .n { position: absolute; top: 0; width: 33px; height: 33px; z-index: 10; margin:60px 0 0 0; }  
  #slidermenu .p { left: 0; }  
  #slidermenu .n { right: 0; }  
  #slidermenu .p a, #slidermenu .n a { display: block; width: 33px; height: 33px; background: url(/img/diz/left.png) no-repeat; }  
  #slidermenu .p span, #slidermenu .n span { display: none; }  
#slidermenu .n a { background: url(/img/diz/right.png) no-repeat;}  
  #slidermenu .n a.bdisabled {background: url(/img/diz/right.png) no-repeat; }  
  #slidermenu .p a { background-position: left top; }  
  #slidermenu .p a.bdisabled { background-position: left bottom; }  
  /*#slidermenu .n a:hover { background-position: right top; }  
  #slidermenu .p a:hover { background-position: left top; }*/  

  #slidermenu ul { display: block; position: relative; left: -98px; height: 163px; width:9999px; }  
  #slidermenu ul li { display: inline; float: left; margin-right: 18px; width: 131px; }  
  /* /slidermenu */  

  #sliderwrap { margin: 0; padding: 8px 8px 2px 8px; }  
  #sliderwrap #slidermenu { margin-top: 0; }  
  #sliderwrap { margin: 0; padding: 8px 8px 2px 8px; }  
  #sliderwrap #slidermenu { margin-top: 0; }  









.grid2 {
 position: relative;
 margin: 0 auto;
 width: 131px;
 list-style: none;
 text-align: center;
}

/* Common style */
.grid2 figure {
 position: relative;
 float: left;
 overflow: hidden;
 margin:0;
width: 131px;
height: 163px;
 background: #000000;
 text-align: center;
 cursor: pointer;
}

.grid2 figure img {
 position: relative;
 display: block;
 height: 100%;
 width: 100%;
 opacity: 0.5;
}

.grid2 figure figcaption {
 padding: 2em;
 color: #fff;
 font-size: 1.25em;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}

.grid2 figure figcaption::before,
.grid2 figure figcaption::after {
 pointer-events: none;
}

.grid2 figure figcaption,
.grid2 figure figcaption > a {
 position: absolute;
 top: 0;
 left: 0;
 width: 131px;
 height: 163px;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid2 figure figcaption > a {
 z-index: 1000;
 text-indent: 200%;
 white-space: nowrap;
 font-size: 0;
 opacity: 0;
}

.grid2 figure str {
 word-spacing:0;
 font-size:11px;
 padding:0 10px;
 font-family:arial;
font-weight:normal;
}

.grid2 figure str span {
 font-size:15px;
 
}

.grid2 figure str,
.grid2 figure p {
 margin: 0;
}

.grid2 figure p {

 font-size: 12px;
 font-family:tahoma;
 color:#b4ff00;
text-transform:uppercase;
    text-shadow: #7ece000 0 10px; /* Свечение голубого цвета */
 font-weight:bold;
}





/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie2 figcaption::before {
 position: absolute;
 top: 0;
 left: 0;
 width: 131px;
 height: 163px;
 
 content: '';
 opacity: 0;
 -webkit-transform: translate3d(0,50%,0);
 transform: translate3d(0,50%,0);
}

figure.effect-sadie2 str {
 position: absolute;
 top: 60%;
 left: 0;
 width: 111px;
 color: #ffffff;
 -webkit-transition: -webkit-transform 0.35s, color 0.35s;
 transition: transform 0.35s, color 0.35s;
 -webkit-transform: translate3d(0,-50%,0);
 transform: translate3d(0,-50%,0);
}

figure.effect-sadie2 figcaption::before,
figure.effect-sadie2 p {
 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie2 p {
 position: absolute;
 bottom: 0;
 left: 0;
 
 width: 111px; background:#000000;
 padding: 9px 12px;
 height:76px;
 opacity: 0;
 -webkit-transform: translate3d(0,10px,0);
 transform: translate3d(0,10px,0);
}

figure.effect-sadie2:hover str {
 color: #fff;
 -webkit-transform: translate3d(0,-50%,0) translate3d(0,-30px,0);
 transform: translate3d(0,-50%,0) translate3d(0,-30px,0);
}

figure.effect-sadie2:hover figcaption::before ,
figure.effect-sadie2:hover p {
 opacity: 1;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}


.grid {
 position: relative;
 margin: 0 auto;
 width: 240px;
 list-style: none;
 text-align: center;
}

/* Common style */
.grid figure {
 position: relative;
 float: left;
 overflow: hidden;
 margin:0;
width: 240px;
height: 121px;
 background: #000000;
 text-align: center;
 cursor: pointer;
}

.grid figure img {
 position: relative;
 display: block;
 height: 100%;
 width: 100%;
 opacity: 0.5;
}

.grid figure figcaption {
 padding: 2em;
 color: #fff;
 font-size: 1.25em;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
 pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
 position: absolute;
 top: 0;
 left: 0;
 width: 240px;
 height: 121px;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
 z-index: 1000;
 text-indent: 200%;
 white-space: nowrap;
 font-size: 0;
 opacity: 0;
}

.grid figure str {
 word-spacing:0;
 font-size:15px;
 text-align:left;
 padding:0 10px;
 font-family:arial;
}

.grid figure str span {
 font-size:15px;
 
}

.grid figure str,
.grid figure p {
 margin: 0;
}

.grid figure p {

 font-size: 13px;
 font-family:arial;
 color:#000;
 text-shadow:1px 1px 1px #ddef00; 
 font-weight:bold;
}





/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie figcaption::before {
 position: absolute;
 top: 0;
 left: 0;
 width: 240px;
 height: 121px;
 background: -webkit-linear-gradient(top, rgba(00,00,00,0) 0%, rgba(00,00,00,0.8) 75%);
 background: linear-gradient(to bottom, rgba(00,00,00,0) 0%, rgba(00,00,00,0.8) 75%);
 content: '';
 opacity: 0;
 -webkit-transform: translate3d(0,50%,0);
 transform: translate3d(0,50%,0);
}

figure.effect-sadie str {
 position: absolute;
 top: 50%;
 left: 0;
 width: 220px;
 color: #ffffff;
 -webkit-transition: -webkit-transform 0.35s, color 0.35s;
 transition: transform 0.35s, color 0.35s;
 -webkit-transform: translate3d(0,-50%,0);
 transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
 position: absolute;
 bottom: 0;
 left: 0;
 
 width: 220px; background:#abd700;
 padding: 9px 15px;
 height:76px;
 opacity: 0;
 -webkit-transform: translate3d(0,10px,0);
 transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover str {
 color: #fff;
 -webkit-transform: translate3d(0,-50%,0) translate3d(0,-30px,0);
 transform: translate3d(0,-50%,0) translate3d(0,-30px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
 opacity: 1;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}


















.grid3 {
 position: relative;
 margin: 0 auto;
 width: 230px;
 list-style: none;
 text-align: center;
display:inline-block;
border:1px solid #000;
border-radius:1px;
margin-left:12px;
}

/* Common style */
.grid3 figure {
 position: relative;
 float: left;
 overflow: hidden;
 margin:0;
width: 230px;
height: 111px;
 background: #000000;
 text-align: center;
 cursor: pointer;
}

.grid3 figure img {
 position: relative;
 display: block;
 height: 100%;
 width: 100%;
 opacity: 0.7;
}


.grid3 figure figcaption {
 padding: 2em;
 color: #fff;
 font-size: 1.25em;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}

.grid3 figure figcaption::before,
.grid3 figure figcaption::after {
 pointer-events: none;
}

.grid3 figure figcaption,
.grid3 figure figcaption > a {
 position: absolute;
 top: 0;
 left: 0;
 width: 230px;
 height: 111px;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid3 figure figcaption > a {
 z-index: 1000;
 text-indent: 200%;
 white-space: nowrap;
 font-size: 0;
 opacity: 0;
}

.grid3 figure str {
 word-spacing:0;
 font-size:11px;
 padding:0 10px;
 font-family:arial;
font-weight:normal;
}

.grid3 figure str span {
 font-size:15px;
 
}

.grid3 figure str,
.grid3 figure p {
 margin: 0;
}

.grid3 figure p {

 font-size: 15px;
 font-family:arial;
 color:#fff;
}





/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie3 figcaption::before {
 position: absolute;
 top: 0;
 left: 0;
 width: 230px;
 height: 111px;
 
 content: '';
 opacity: 0;
 -webkit-transform: translate3d(0,50%,0);
 transform: translate3d(0,50%,0);
}

figure.effect-sadie3 str {
 position: absolute;
 top: 60%;
 left: 0;
 width: 111px;
 color: #ffffff;
 -webkit-transition: -webkit-transform 0.35s, color 0.35s;
 transition: transform 0.35s, color 0.35s;
 -webkit-transform: translate3d(0,-50%,0);
 transform: translate3d(0,-50%,0);
}

figure.effect-sadie3 figcaption::before,
figure.effect-sadie3 p {
 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie3 p {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 230px;
text-align:center;
 padding: 9px 0;
 height:110px;
 opacity: 0;
 -webkit-transform: translate3d(0,10px,0);
 transform: translate3d(0,10px,0);
}

figure.effect-sadie3:hover str {
 color: #fff;
 -webkit-transform: translate3d(0,-50%,0) translate3d(0,-30px,0);
 transform: translate3d(0,-50%,0) translate3d(0,-30px,0);
}

figure.effect-sadie3:hover figcaption::before ,
figure.effect-sadie3:hover p {
 opacity: 1;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}








.pccontent{width: 1000px; background:#ffffff;}
.pcdate{height:50px; line-height:50px; background:#fff; font-size:16px; font-family:arial; color:#7d7d7d; padding:0 10px 0 17px;}
a.pcdatecat{float:right; background:#1b1b1b; padding:9px 13px; border:2px solid #0096ff; font-size:12px; font-family:arial; color:#fff; margin:7px;}
a.pcdatecat:hover{text-decoration:none; background:#323232;}

a.pcdatecat1{float:right; background:#000000; padding:9px 13px; border:2px solid #ffa200; font-size:12px; font-family:arial; color:#fff; margin:15px;}
a.pcdatecat1:hover{text-decoration:none; background:#323232;}


.h1csspubl{font-size:20px; font-family:arial; font-weight:bold; color:#dedede; padding:15px 15px; margin:0;}

.pcinfo231{background:url('http://x-game.net/img/diz/imgg.png'); width:1000px; height:224px;}

.pcinfo23{background:url('/img/diz/1.png'); width:1000px; height:224px;}
.pcinfoimgfon{background: url('$IMG_URL1$') center; background-size:1000px auto; opacity:0.07; width:1000px; height:224px; position:absolute; z-index:0;}
.pcinfo img{width:164px; height:202px; border:4px solid #000; float:left; margin:7px 12px 7px 7px;}

.pcinfosistem{padding:7px 0; color:#575757;  text-shadow:1px 1px 1px #000000; line-height:27px; font-size:13px;}
.pcinfosistem strong{font-size:15px; font-family:arial; color:#fff; text-transform:uppercase; line-height:30px;}
.pcinfosistem strong span{color:#ccff00;}
.pcinfosistem li{background:url('/img/diz/pc1.png') no-repeat left; list-style-type:none; padding:0 0 0 10px; margin-left:195px;}
.pcinfosistem li span{color:#7d7d7d;}

.123{margin-left:-100px;}
.pcinfofile {font-size:arial; font-family:11px; color:#797979;padding:15px 0 0 0;}
.pcinfofile li{background:url('/img/diz/pc2.png') no-repeat left; list-style-type:none; padding:0 0 0 7px; display:inline-block; margin:0 15px 0 0;}
.pcinfofile li span{color:#ccff00;}

.catgamehome{margin:15px 17px;}
.catgamehome a{padding:7px 16px; font-size:13px; font-family:arial; color:#fff; background:#383838; font-weight:bold; text-transform: uppercase;}
.catgamehome a:hover{background:#a3cc00}

.imgstrgamehome{background:url('/img/diz/strelkagame.png') no-repeat; width:6px; height:5px; margin:0 3px 0 5px; display:inline-block;}


.pcinfofile1 {font-size:arial; font-family:11px; color:#797979;padding:142px 0 0 15px;}
.pcinfofile1 li{background:url('/img/diz/pc2.png') no-repeat left; list-style-type:none; padding:0 0 0 7px; display:inline-block; margin:0 15px 0 0;}
.pcinfofile1 li span{color:#ccff00;}

.xlebchaysahar{float:right; padding:0 15px; font-size:13px; font-family:arial; color:#d0d0d0;}
.xlebchaysahar a{font-size:13px; font-family:arial; color:#d0d0d0; padding:0 10px 0 4px;}
.xlebchaysahar a:hover{text-decoration:underline; color:#bff504;}

.pctorrent{float:right; margin:-43px 12px 0 0; z-index:999;}
.pctorrent a{background:url('/img/diz/pct.png') no-repeat left #83ae00; padding:14px 16px 14px 37px; color:#fff; font-size:15px; font-family:arial; font-weight:bold; text-transform:uppercase;}
.pctorrent a:hover{text-decoration:none;}
.pcmessage {padding:10px 20px; font-size:14px; font-family:arial; color:#686868;}
.pcmessage h1{font-size:30px; font-family:arial; color:#3c4853; margin:10px 0;}

.pcmessage1 {padding:10px 15px; font-size:14px; line-height:20px; font-family:arial; color:#686868;}
.pcmessage1 li, .pcmessage1 ul{margin:0; padding:0; list-style:none;}

.pcsrc{background:#202020; height:177px; width:1000px;}
.pcsrctxt{font-size:14px; font-family:arial; color:#fff; font-weight:bold; padding:17px 21px; text-transform:uppercase;}
.pcsrctxt span{color:#ccff00;}

.pctble{width:1000px; height:210px; margin:10px 0;}
.pctd1{width:403px; border-right:5px solid #efefef;}
.pctd1 strong{color:#6c6c6c; font-size:16px; font-family:arial; margin:5px 15px;}
.pctd2{width:697px;}
.pctd2 strong{color:#6c6c6c; font-size:16px; font-family:arial; margin:5px 15px;}
.pcyoutube{margin:10px 0 0 17px;}

.pcsearchmg{margin:15px 0 0 10px;}
.pcsearch{margin:10px 0 20px 7px;}
.pcsearch li{background:url('/img/diz/pc3.png') no-repeat left top 6px; list-style-type:none; padding:0 0 0 10px; margin:0 15px 0 0;}
.pcsearch li a{font-size:13px; color:#6c6c6c; font-family:arial;}

.pccomm{background:#202020; height:50px; line-height:50px; width:985px; color:#ffffff; text-transform:uppercase; padding:0 0 0 15px; font-size:16px; font-family:arial; font-weight:bold; margin:0 0 5px 0;}










.grid4 {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 230px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid4 figure {
	position: relative;
	float: left;
	overflow: hidden;
	width: 230px;
	height: 255px;
	margin:0;

	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid4 figure img {
	position: relative;
	display: block;
	height: 255px;
	width: 230px;
	opacity: 0.8;
}

.grid4 figure figcaption {
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid4 figure figcaption::before,
.grid4 figure figcaption::after {
	pointer-events: none;
}

.grid4 figure figcaption,
.grid4 figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
	height: 255px;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid4 figure figcaption > a {
	z-index: 3;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid4 figure div {
	font-weight: 10px;
line-height:12px;
}

.grid4 figure div span {
	font-size:25px;
color:#FFFFFF;
font-family:arial;
text-align:cener;
}

.grid4 figure div,
.grid4 figure p {
	margin: 0;
}

.grid4 figure p {
	font-size: 15px;
font-family:arial;
color:#BBBBBB;
text-align:left;
line-height:27px;
}



/*-----------------*/
/***** Goliath *****/
/*-----------------*/

figure.effect-goliath {
	background: #202020;
}

figure.effect-goliath img,
figure.effect-goliath div {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-goliath div{
	position: absolute;
	bottom: 0;
	left: 0;
	margin:6px 7px;
}

figure.effect-goliath p {
	position: absolute;
	bottom: 0;
	left: 0;
margin:0 0 13px 15px;
}

figure.effect-goliath p {
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

figure.effect-goliath:hover img {
	-webkit-transform: translate3d(0,-104px,0);
	transform: translate3d(0,-104px,0);
}

figure.effect-goliath:hover div {
	-webkit-transform: translate3d(0,-104px,0);
	transform: translate3d(0,-104px,0);
}

figure.effect-goliath:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}



.pccontent1{width: 1000px; background:#ffffff; margin:0;}
.pchomeseo{width:1000px; display:block;}
.pchomeseo h1{font-size:23px; font-family:arial; margin:0 10px; padding:10px 0;}
.pchomeseo p{margin:0 10px; font-size:13px; font-family:arial; line-height:20px;}

 .pcstuffgamehome{margin:0 0 0 3px;}
 .pcstuffgame{ height:303px; display:block; width:22.9%; float:left; margin:0 0 16px 16px;}
 .pcstuffgametitle{background:#202020; width:230px; height:43px; border-bottom:5px solid #ABD700; line-height:44px;}
 .pcstuffgametitle span{font-family:arial; font-size:13px; color:#D0D0D0; padding:0 0 0 10px; background:url('/img/diz/pcstuff.png') no-repeat left; margin:0 0 0 10px;}
 .pc{width:230px; height:255px;}
 .pcvmdate {width:51px; height:35px; padding:9px 0 0 3px; background:#A3CC00; text-align:center; color:#fff;}
    .pcvdl{text-align:center; background:#A3CC00; display:block; margin:0 13px 0 -1px; width:203px; height:33px; line-height:33px; color:#000000; font-weight:bold; text-shadow:1px 1px 1px #cce400; font-size:15px; font-family:arial;}