.mp_gg_1        {filter: brightness(1.0) grayscale(0.0);}
.mp_gg_11       {opacity: 0.7;}
 
            li                      >div::before        {content: ''; height: 169px; left: 7px; position: absolute; top: 200px; width: 225px;}

            li                      >div::before        {filter: brightness(0.7) grayscale(0.7); transition: filter 1.5s;}
            li:hover                >div::before        {filter: brightness(1.0) grayscale(0.0);}

#fr_27_2000 li                      >div::before        {background: url(../); z-index: -2;}
#fr_27_2000 li:nth-of-type( 2):hover>div::before        {background: url(../jpeg/0225/mp/2002081402/08140002.0225.jpg);   z-index: -1;}
#fr_27_2000 li:nth-of-type( 3):hover>div::before        {background: url(../jpeg/0225/mp/20030821/08210001.0225.jpg);     z-index: -1;}
#fr_27_2000 li:nth-of-type( 4):hover>div::before        {background: url(../jpeg/0225/mp/2004082004/08200004.0225.jpg);   z-index: -1;}

#fr_27_2005 li                      >div::before        {background: url(../); z-index: -2;}
#fr_27_2005 li:nth-of-type( 1):hover>div::before        {background: url(../jpeg/0225/mp/200808101146/08100022.0225.jpg); z-index: -1;}
#fr_27_2005 li:nth-of-type( 2):hover>div::before        {background: url(../jpeg/0225/mp/20050810/DSC00070.0225.jpg); z-index: -1;}
#fr_27_2005 li:nth-of-type( 3):hover>div::before        {background: url(../jpeg/0225/mp/2006080213/08030037.0225.jpg);   z-index: -1;}
#fr_27_2005 li:nth-of-type( 4):hover>div::before        {background: url(../jpeg/0225/mp/20070812/08120001.0225.jpg);     z-index: -1;}
#fr_27_2005 li:nth-of-type( 5):hover>div::before        {background: url(../jpeg/0225/mp/20070816/08160004.0225.jpg);     z-index: -1;}
#fr_27_2005 li:nth-of-type( 6):hover>div::before        {background: url(../jpeg/0225/mp/20070818/08180001.0225.jpg);     z-index: -1;}
#fr_27_2005 li:nth-of-type( 7):hover>div::before        {background: url(../jpeg/0225/mp/200808101019/08100002.0225.jpg); z-index: -1;}
#fr_27_2005 li:nth-of-type( 8):hover>div::before        {background: url(../jpeg/0225/mp/200808101146/08100014.0225.jpg); z-index: -1;}
#fr_27_2005 li:nth-of-type( 9):hover>div::before        {background: url(../jpeg/0225/mp/200808111511/08110002.0225.jpg); z-index: -1;}
#fr_27_2005 li:nth-of-type(10):hover>div::before        {background: url(../jpeg/0225/mp/200808121517/08120007.0225.jpg); z-index: -1;}

#fr_27_2010 li                      >div::before        {background: url(../); z-index: -2;}
#fr_27_2010 li:nth-of-type( 1):hover>div::before        {background: url(../jpeg/0225/mp/201108131758/08130013.0225.jpg); z-index: -1;}
#fr_27_2010 li:nth-of-type( 2):hover>div::before        {background: url(../jpeg/0225/mp/201108142355/08140002.0225.jpg); z-index: -1;}

#fr_27_2015 li                      >div::before        {background: url(../); z-index: -2;}
#fr_27_2015 li:nth-of-type( 1):hover>div::before        {background: url(../jpeg/0225/mp/201508082307/028.0225.jpg);      z-index: -1;}
#fr_27_2015 li:nth-of-type( 2):hover>div::before        {background: url(../jpeg/0225/mp/201508130552/08130003.0225.jpg); z-index: -1;}
#fr_27_2015 li:nth-of-type( 3):hover>div::before        {background: url(../jpeg/0225/mp/201608101744/08100031.0225.jpg); z-index: -1;}
#fr_27_2015 li:nth-of-type( 4):hover>div::before        {background: url(../jpeg/0225/mp/201707202233/07200006.0225.jpg); z-index: -1;}
#fr_27_2015 li:nth-of-type( 5):hover>div::before        {background: url(../jpeg/0225/mp/201707231620/07230004.0225.jpg); z-index: -1;}