.img-thumbnail{
margin-left:10px;
position: relative; 
z-index: 0;
background:#FCFCFC!important;
border:none;
box-shadow:none;
width:130px;
padding-top:10px;
float:left;
padding:10px 10px;
border-radius:5px;
text-align:center;
margin-bottom:10px;
box-shadow:0 0 5px rgba(0,0,0,.3);
border-right:1px solid #C0C0C0;
border-bottom:1px solid #C0C0C0;
}
.img-thumbnail:hover{
background:#E1E3ED!important;
text-decoration:none;
z-index: 50;}

.img-thumbnail span{ 
position: absolute; 
background:url(../images/ballon_center.png);
padding: 5px;
border: 1px solid #000; 
visibility: hidden; 
color: rgb(249, 246, 246); 
text-decoration: none; 
width: 138px;
min-height:216px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align: left;
font-size: 12px;
} 

.img-thumbnail span img{ 
border-width: 0; 
padding: 2px; 
} 

.img-thumbnail:hover span{ 
visibility: visible; 
top: 0px;
left: 0px;
}
ul#page_box_links2{height:32px;margin:0;padding:0;text-align:justify;margin-left:25px;}
ul#page_box_links2 li{border-right:3px solid #FFFFFF;display:block;margin:0;position:relative;}
ul#page_box_links2 li a{background-color:#F0F1F4;border-bottom:3px solid #2E8BCC;color:#253340;display:block;font-family:'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;height:100%;padding:5px 5px 5px 10px;text-transform:uppercase;width:156px;height:17px;}
ul#page_box_links2 li a.home:hover{border-bottom:3px solid #5EA8DE;}
ul#page_box_links2 li a.payment:hover{border-bottom:3px solid #8DBF35;}

.play {
display: block;
    float: left;
    height: 505px;
    padding: 0;
    position: relative;
    width: 610px;
    background: url(../images/bg_vq.png) no-repeat;
}
.mm {
display: block;
height: 100px;
width: 100px;color: #43F7EB;
transition: all 0.5s ease 0s;
text-align: center;
background: url(../images/12.png) no-repeat;
}
.mm.active 
{
background: rgb(4, 4, 37);
transition: all 0.5s ease 0s;
}
.mm.m1 { /* left: 25px; */ position: absolute; /* top: 25px; */ }
.mm.m2 { left: 101px; position: absolute; /* top: 25px; */ }
.mm.m3 { left: 202px; position: absolute; /* top: 25px; */ }
.mm.m4 { left: 303px; position: absolute; /* top: 25px; */ }
.mm.m5 
{ left: 404px;
    position: absolute;
    /* top: 25px; */ }
.mm.m6 { left: 505px;
    position: absolute;
    /* top: 25px; */ }
.mm.m7 { left: 505px;
    position: absolute;
    top: 101px; }
.mm.m8 { left: 505px; position: absolute; top: 202px; }
.mm.m9 { left: 505px; position: absolute; top: 303px; }
.mm.m10 { left: 505px; position: absolute; top: 404px; }
.mm.m11 { left: 404px; position: absolute; top: 404px; } 
.mm.m12 { left: 303px; position: absolute; top: 404px; } 
.mm.m13 { left: 202px;
    position: absolute;
    top: 404px; } 
.mm.m14 {left: 101px;
    position: absolute;
   top: 404px; } 
.mm.m15 {
	position: absolute; top: 404px;
    }
	.mm.m16 { /* right: 73px; */
    position: absolute;
   top: 303px; }
	.mm.m17 { 
	position: absolute;
   top: 202px;
	 }
	.mm.m18 { 
	 position: absolute; top: 101px;
	 
	
	 }
.mm.m19 { left: 101px; position: absolute; top: 101px; }
.mm.m20 { left: 202px; position: absolute; top: 101px; }
.mm.m21 { left: 303px; position: absolute; top: 101px; }
.mm.m22 { left: 404px; position: absolute; top: 101px; }
.result {
    background-color: rgba(239, 227, 227, 0);
    color: #0000FF;
    height: 150px;
    /* left: 92px; */
    position: absolute;
    /* margin: 300px; */
    left: 230px;
    top: 170px;
    width: 216px;
    text-align: center;
    font-size: 13px;
}
.button2
{
	background: url(../images/but.png) no-repeat;
    border: outset 1px rgba(204, 204, 204, 0);
    width: 113px;
    height: 113px;
    /* color: white; */
    cursor: pointer;
    /* display: block; */
    float: left;
    /* font: 600 13px 'Segoe UI Semibold','Segoe-Semibold','Segoe UI',Tahoma,Arial,Helvetica,sans-serif; */
    /* margin-top: 0; */
    /* min-width: 136px; */
    /* padding: 5px 10px; */
    position: relative;
    /* text-align: center; */
    /* text-transform: uppercase; */
    left: 40px;
}
.result2 {
    left: 455px;
    position: absolute;
    top: 465px;
    text-align: center;
    font-size: 30px;
    width: 200px;
}

.img-thumbnail2{
position: relative; 
z-index: 0;
border:none;
box-shadow:none;
}
.img-thumbnail2:hover{
background:#E1E3ED!important;
text-decoration:none;
z-index: 50;}

.img-thumbnail2 span{ 
position: absolute; 
background:url(../images/ballon_center.png);
padding: 5px;
border: 1px solid #000; 
visibility: hidden; 
color: rgb(249, 246, 246); 
text-decoration: none; 
width: 138px;
min-height:216px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align: left;
font-size: 12px;
} 

.img-thumbnail2 span img{ 
border-width: 0; 
padding: 2px; 
} 

.img-thumbnail2:hover span{ 
visibility: visible; 
top: 0px;
left: 0px;
}
.play2 {
display: block;
    float: left;
	left: 90px;
    height: 389px;
    padding: 0;
    position: relative;
    width: 450px;
    background-image: url(../images/ott.png);
}
.so{
display: block;
height: 100px;
width: 100px;
color: #43F7EB;
transition: all 0.5s ease 0s;
text-align: center;
}
.so.m1 { 
left: 55px;
position: absolute;
top: 149px; 
}
.so.m2 {
    left: 295px;
    position: absolute;
    top: 150px;
}
.so.m3 {
   left: 175px;
    position: absolute;
    top: 135px;
    /* background-color: #707979; */
    height: 20px;
}
.so.m4 {
  left: 117px;
    position: absolute;
    top: 328px;
    height: 45px;
    width: 52px;
}
.so.m5 {
	left: 199px;
    position: absolute;
    top: 328px;
    height: 45px;
    width: 52px;
}
.so.m6 {
	left: 282px;
    position: absolute;
    top: 328px;
    height: 45px;
    width: 52px;
}
.so.m7 {
   left: 175px;
    position: absolute;
    top: 226px;
    height: 20px;
}
.cil{
cursor:pointer;
border:outset 1px #6B3118;
background:url(../images/playott.png) repeat-x left top;
    height: 80px;
    width: 80px;
}
.so.top {
   left: 25px;
    position: absolute;
    top: 103px;
    /* background-color: #707979; */
    height: 20px;
	width: 400px;
}
.hotroyh {
    position: fixed;
    float: left;
    top: 170px;
    left: 20px;
}